vscode 常用工具安装

原文地址：https://www.cnblogs.com/qiezuimh/p/9549545.html

原文地址：https://blog.csdn.net/user_008/article/details/82224650?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-4.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-4.nonecase

1. Local History

　　可以查看本地的修改记录,比较不同

2.TODO插件

　　可以将有待修改或者完善的地方标记出来,在任务列表中查看, 避免后面忘记, 提高效率.

　　包含TODO, FIXME.

　　　　TODO:  未完成; FIXME: 需要修复.

　　　　1.  先安装TODO插件

　　　　2.  在需要处注释.

//FIXME: 此处有错误, 需要修复

....(代码)

// TODO: 未完成

....(代码)

　　　　3. 效果:

　　　　4. 查看任务

　　　　　　F1打开命令行输入TODO-hightlight, 根据需要选择ALL, TODO, FIXME查看相应任务.

 

3. Auto Rename Tag

　　当修改标签名时候, 自动修改相应闭合标签名.  不过小概率会找错标签名..

 

4. Auto Close Tag

　　自动添加闭合标签

5. Beautify

格式化javascript,JSON,CSS,Sass, andHTMLin Visual Studio Code.

 

6. Chinese Language Pack for Visual Stidio Code

　　此中文（简体）语言包为 VS Code 提供本地化界面。

 

7. open-in-browser

　　右键选择在浏览器中打开

 8. vetur

　　vue语法高亮/格式化/代码片段/语法检查等

9. Path Intellisense

　　自动提示文件路径

 

10. filesize

　　左下角显示当前文件大小, 点击可以显示详细创建、修改时间

4、代码格式化HTML CSS support自动补齐css

5、JS-CSS-HTML Formatter    代码格式化了解一下

6、jQuery Code Snippets    jQuery自动提示

7、Path Autocomplete     路径自动补齐

8、ESLint         检测JS必备

9、Auto Rename Tag   同步修改对应标签，这个hin方便，想象一下几屏幕的代码要改标签，啊。。。完美！

10、Html Snippets     H5代码片段和提示

11、Html Css Support      在标签新增class的时候会提示之前写过的class

12、vscode-icon    给项目文件夹前边加上icon

14、Bracket Pair Colorizer      让每个括号都有自己的颜色