VSCode工具插件推荐

一:VSCode简介

VSCode（ Visual Studio Code）是微软出的一款轻量级代码编辑器 ，重要的是它在Windows, OS X 和Linux操作系统的桌面上均可运行。Visual Studio Code内置了对JavaScript, TypeScript和Node.js语言的支持，并且为其他语言如C++, C#, Python, PHP等提供了丰富的扩展库和运行时。

二:VSCode安装

1.安装

官网下载: https://code.visualstudio.com/

2.推荐插件安装

1. HTML Snippets : H5代码片段以及提示
2. HTML CSS Support : 让 html 标签上写class 智能提示当前项目所支持的样式 新版已经支持scss文件检索
3. Debugger for Chrome : 让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试
4. vetur : vue框架所需的插件 语法高亮、智能感知、Emmet等
5. VueHelper : snippet代码片段
6. Auto Close Tag : 自动补全关闭标签
7. Auto Rename Tag : 自动重命名标签
8. Beautify : HTML、CSS、JS、JSON SASS语法高亮,格式化代码的工具,ctrl+shift+p输入beautify就有提示。
9. Better Comments : 不同的注释显示不同的颜色, *, ?, ! 注释颜色是不同的
10. Bracket Pair Colorizer : 对应括号显示同样的颜色.
11. Code Runner : 运行js文件工具, ctrl+alt+n 就可以运行文件,系统自动调用node运行文件
12. Document This : ctrl+alt+D,两次.文档注释(/** tab)
13. JavaScript(ES6) code snippets : es6代码自动补全
14. jQuery Code Snippets : jquery代码自动补全,如 jqAjax生成ajax代码
15. Node.js Modules IntelliSense : 提供JavaScript 和 TypeScript导入声明时自动补全
16. Path Autocomplete :路径补全工具
17. Project Manager : 项目管理工具
18. vscode-icons : 文件图标主题
19. markdown使用 : 新建md文件,ctrl+shift+v可边写边预览

3.配置菜单

点击菜单: 文件–勾选自动保存

窗口字体缩放: ctrl + -, ctrl + +