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格式化
git
4.Git:可以看到每行代码的修改人信息和修改时间
编辑器外观
1.Material Icon Theme:修改文件和文件夹的图表,更加丰富
其他
1.Chinese Language:汉化vscode
2.Koro FileHeader:自动生成文件头部注释和快捷键生成方法注释
3.Live Server:在html文件右键可以Open with Live Server 启动一个端口为5500的服务器展示当前页面
4.Settings Sync:不同电脑上vscode插件进行同步
