Emmet语法

快速生成HTML结构语法

1.生成标签直接输入标签名按tab键即可比如 div 然后tab键，就可以生成<div> </div>。

2.如果想要生成多个相同标签加上 * 就可以了比如div*3 就可以快速生成3个div。

3.如果有父子级关系的标签,可以用 > 比如ul> li就可以了。

4.如果有兄弟关系的标签,用 + 就可以了比如div+p。

5.如果生成带有类名或者id名字的，直接写 .demo 或者 #two tab 键就可以了。

6.如果生成的div类名是有顺序的，可以用自增符号$。

.demo$*5

7.如果想要在生成的标签内部写内容可以用 {} ，然后按 tab键。

div{文字}

快速生成CSS样式语法

CSS基本采取简写形式即可.
1.比如w200 按tab可以生成width: 200px;

2.比如Ih26按tab 可以生成line-height: 26px;

快速格式化代码

Vscode快速格式化代码: shift+alt+f

也可以设置当我们保存页面的时候自动格式化代码:
1 、文件------> [首选项] -------- >[设置]
2、在搜索中输入format，点击格式化，将其中按需求勾选即可。

前端开发工具——VScode的使用相关推荐

前端开发工具 —— VSCode - Snipaste - Photoshop - Fireworks - Icomoon字库
视频参考:https://www.bilibili.com/video/av80149248 笔记参考:https://www.bilibili.com/video/av78942920/?spm_i ...
2022新版前端开发工具vscode使用教程之下载安装详解
IDE(Integrated Development Environment,集成开发环境)是含代码编辑器.关键词高亮.智能感应.智能纠错.格式美化.版本管理等功能于一身的 "高级代码编辑器 ...
前端开发工具 vscode 使用技巧篇：控制台由powershell切换为cmd方法，windows下新旧版控制台cmd与powershell互切方法
vscode 控制台切换方法可以看到右上角是 powershell 不是 cmd. 通过 ctrl+shift+p,搜索出默认的 shell. 然后选择 cmd. 最后重启 vscode 就好了. ...
VSCode前端开发工具介绍、下载和安装（从头到尾）
一.为什么使用VSCode作为前端开发工具?: Visual Studio Code(简称VS Code/VSC),个人认为它主要有以前几个好处: ①开源-可免费使用(例如,WebStorm和Subl ...
VSCode前端开发工具插件--LiveServer实时刷新网页
VSCode前端开发工具插件–LiveServer实时刷新网页 1.概述当我们使用VSCode工具开发前端HTML页面时,修改内容后都要重新刷新网页才能展示更新代码的内容.那么有没有一种方式能够实时 ...
vscode用鼠标滚轮_前端开发神器 VSCode 使用总结
前端开发神器 VSCode 使用总结 VSCode 是微软出品的,基于 Electron 和 TypeScript 的,集成了 git 版本管理和命令行终端,而且开源稳定,插件丰富,再搭配一款 Chr ...
纯前端大数据处理技术：葡萄城纯前端开发工具应用实践
SpreadJS 是一款基于 HTML5 的纯 JavaScript 电子表格和网格功能控件,满足多平台.跨平台的表格数据处理和类 Excel 的表格应用开发. WijmoJS 前端开发工具包由多款纯 ...
Day 23 - 前端开发工具 - HBuilder X
Day 23 - 前端开发工具 - HBuilder X 完成了后端开发,接下来就要将透过前端跨平台开发框架来存取后端的资源,底下介绍几种常见的跨平台应用开发框架. Flutter Ionic Rea ...
4.前端开发工具介绍以及下载使用
支持戳这里看视频学习 →→→ [上]前端开发工具介绍与下载...[下]写人生中第一个HTML 戳这里可看全系列内容 →→→ 戳我戳我戳我文章目录一.前言二.编辑器介绍 1.VSCode a.介绍 ...

前端开发工具——VScode的使用

Emmet语法

快速生成HTML结构语法

快速生成CSS样式语法

快速格式化代码

前端开发工具——VScode的使用相关推荐

最新文章

热门文章