vscode编辑器

vscode

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。
链接：https://code.visualstudio.com/
我用过很多编辑器，比如HBuilder、webstorm、subline Text、Notepad++、vscode，但我觉得vscode更好用，不是说其他编辑器不好，每个编辑器都各有各的优点，只是感觉vscode更适合我。
vscode有一个很好的卖点，就是它支持中文，这是广大开发者的福利
vscode和很多编辑器一样通过扩展插件来完善自己的功能。

vscode常用插件介绍

Git History
介绍：

• 查看和搜索git日志以及图形和详细信息；
• 查看文件的前一个副本；
• 查看和搜索历史 ；
• 查看一个或所有分支的历史(git日志)；
• 查看文件的历史记录 ；
• 查看文件中某一行的历史(Git fault)；
• 查看作者的历史。
  比较:
• 比较分支；
• 比较有；
• 跨提交比较文件。
  其他特点:
• Github化身；
• 挑选提交；
• 重新提交；
• 从提交创建分支；
• 树状视图中的视图提交信息(所有更改的快照)；
• 合并和变基。

Auto Close Tag
自动添加HTML/XML关闭标签,写前一半标签，后面一半自动补全。

Auto Rename Tag
自动重命名成对的HTML/XML标记
修改了html标签的一半（前面或后面），另一半自动修改，（注意输入法要在英文模式下）。

Beautify
代码中美化javascript、JSON、CSS、Sass和HTML。
这个应该是每个强迫症程序员都会安装吧，代码美化，一段段工整的代码看着也很舒服。

Bracket Pair Colorizer
这个扩展允许用颜色来标识匹配的括号。用户可以定义要匹配的字符和要使用的颜色。成对的括号（大括号，小括号）颜色相同，这在代码多层括号嵌套时显得尤为重要。

ESLint
代码格式校验，支持自定义配置，错误是红色的波浪线，警告是绿色的。

JavaScript (ES6) code snippets
用于vscode编辑器的ES6语法中的JavaScript代码片段(同时支持JavaScript和TypeScript)。
举例：js里敲clg，然后回车=> console.log(object);在调试的时候很方便实用。

One Dark Pro
编辑器颜色主题，一直是我喜欢的风格。
还有：
Material-theme；
monokai-light;
Monokai++;
One Dark Theme;
个人审美不同，大家自己体会并选择自己喜欢的。

Material Icon Theme
很漂亮的图标库，用于编辑器左侧树状菜单文件和文件夹图标显示。

Vetur
vue项目必装插件，用于vue代码高亮格式化等

Angular 7 Snippets
angular项目必装插件。

• ng-for
• ng-for-index
• ng-for-li
• ng-for-trackBy

例如：
ng-for当前有更多的变体，所以在按回车键之前，请确保选择了您想要的：

Bookmarks
当代码行数很大的时候，为代码添加书签，再也不怕迷路了，如果忘记了快捷键，可以在代码中右击鼠标。