VSCode插件整理

一、安装插件

前端统一开发工具：VSCode插件整理。

点击当前按钮进入vscode插件商场]

页面下载插件地址

二、插件推荐

代码智能化

1.Auto Close Tag:自动添加HTML/XML关闭标签

2.Auto Rename Tag:更改当前标签内容自动修改闭合标签的内容

3.Bracket Pair Colorizer2:括号对应不同的颜色

4.Code Spell Checker:检查单词拼写错误

5.Color Highlight:颜色进行高亮显示

6.Css Peek:忘记一个css属性的含义是鼠标悬浮可以提示,并有mdn介绍地址

7.Highlight Matching Tag:点击一个标签会高亮对应的闭合标签并有下滑线

8.JavaScript(ES6)CodeSnippets:简写方式快速生成es的指定语法 官网

9.Mithril Emmet:简写方式快速生成html 官网

10.TabnineAutocompleteAI:智能代码补全工具tabnine

11.Vetur:将vue项目代码进行高亮展示

代码格式化

1.Esint:代码进行Esint格式化

2.Prettier-CodeFormatter:代码进行Prettier格式化

3.stylelint:代码进行stylelint格式化

4.TSLint:代码进行TSLint格式化

编辑器外观

1.Material Icon Theme:修改文件和文件夹的图表,更加丰富

其他

1.Chinese Language:汉化vscode

2.Koro FileHeader:自动生成文件头部注释和快捷键生成方法注释

3.Live Server:在html文件右键可以Open with Live Server 启动一个端口为5500的服务器展示当前页面

4.Settings Sync:不同电脑上vscode插件进行同步