vsCode前端使用

• 插件

• html、js插件

*1.JavaScript(ES6) code snippets :ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间
2.Atuo [Rename](https://so.csdn.net/so/search?q=Rename&spm=1001.2101.3001.7020) Tag:修改 html 标签
自动帮你完成头部和尾部闭合标签的同步修改
3.Chinese （Simplified）Language Pack for Visual Studio Code:汉化[VsCode](https://so.csdn.net/so/search?q=VsCode&spm=1001.2101.3001.7020)
4.Code Spell Checker:代码拼写检查器
5.CSS Peek:查看 css 定义
6.Easy LESS:less动态样式语言，极大的提高了我们书写css样式的效率
7.Error Lens:代码错误立即提示
8.ESLint:语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。
9.Guides:显示代码对齐辅助线，很好用
10.Highlight Matching Tag:高亮匹配标签
11.HTML CSS Support:CSS 类名感知
12.HTML Snippets:完整的HTML代码提示，包括HTML5
13.HTMLHint:html代码检测，支持html5
14.Image Preview:预览图片
15.Import Cost:对引入的计算大小
16.Auto Close Tag:自动闭合尾部的标签
17.jQuery Code Snippets:jQuery代码提示超过130个用于JavaScript代码的jQuery代码片段(只需键入字母’jq’即可获得所有可用jQuery代码片段的列表)
18.Npm Intellisense:用于在 import 语句中自动填充 npm 模块，require 时的包提示（最新版的vscode已经集成此功能）
19.Path Intellisense:自动路径补全
20.Prettier-Code formatter:代码格式化插件
21.Visual Studio IntelliCode:辅助开发（微软推出）
22..Indent-Rainbow：用四种不同颜色交替着色文本前面的缩进
23.gitlens:可以直接在光标处显示代码编写人以及时间；方便共同开发时候git做版本控制时候的相关代码管理
24.LiveServer:实时刷新网页
25.TODO Highlight:代码还没写完，下次提示自己，可以写个TODO，会高亮

• vue插件

1.Vetur:vue文件代码高亮
2.Vue VSCode Snippets:生成vue模板内容插件
3.volar:vue3.0必备插件(##### 在当vue3.2发布完之后 vetur 并不能给我们提供良好的代码提示，所以volar顺应而生,使用volar必须禁用vetur)