VS Code 使用技巧

中文显示：

打开VS Code，使用快捷键【Ctrl+Shift+P】，在弹出的搜索框中输入【configure language】，然后选择搜索出来的【Configure Display Language】,如下图：

然后就打开了locale.json文件，可以看到locale的属性默认值为en，删除默认值，重新输入英文 " " (冒号)会自动出现代码提示选择 zh-CN ，然后保存locale.json文件。如下图：

重启VS Code ，进来之后，发现还是英文显示，是因为没有安装中文语言包（插件），安装方法参考插件安装。

插件安装：

0、Chinese （Simplified）Language Pack for Visual Studio Code

      VSCode软件显示中文语言环境界面

1、HTML Snippets

　　超级使用且初级的H5代码片段以及提示

2、HTML CSS Support 

　　让HTML标签上写class智能提示当前项目所支持的样式

3、jQuery Code Snippets

　　jQuery 提示工具

4、Path Intellisense

　　路径提示补全

5、Document this

　　Js的注释模板

6、ESlint

　　ESlint接管原声js提示，可以自定制体会规则 

7、Auto Close Tag

　　自动补全html标签

8、Auto Rename Tag

　　修改html标签，自动帮你完成尾部闭合标签的同步修改

9、View InBrowser

　　默认浏览器查看HTML文件（快捷键Ctrl+F1可以修改）

10、beautify

　　格式化代码的工具

11、Rainbow Brackets

　　彩虹括号（不推荐用）

12、Guides

　　标签对其线

13、Project Manager

　　在多个项目之前快速切换的工具

14、vscode-icons

　　让 vscode 资源树目录加上图标；

15、background

　　可以让vscode的背景修改为自己喜欢的图，最多3张照片；

16、vsCode配置

// 控制是否显示 minimap(缩略图)
   "editor.minimap.enabled": true,

// 视区宽度自动换行设置。
　"editor.wordWrap": "on",

// 指定用在工作台中的颜色主题。
　"workbench.colorTheme": "Monokai",