虽然我是一个后端开发，有时候也避免不了需要开发前端。目前需要我们使用iview开发一套后台系统，所以先着手学习一下Vue，虽然之前也接触了点Vue，但是断断续续，没有实际开发，所以全都还回去了。这次系统的学习，使用了vscode软件，开始的时候怎么用怎么不爽，然后百度，咨询前端资深小伙伴，装了下面这些插件，用着感觉‘刺激’多了。现总结出来，留以后备用，有需要的小伙伴也可以自取。或者小伙伴有哪些更高大上的，也欢迎推荐。

1、Chinese (Simplified) Language Pack for Visual Studio Code

英文水平有限，还是中文用着爽，所以装了中文插件。

2、Auto Close Tag

自动添加HTML / XML关闭标记，与Visual Studio IDE或Sublime Text相同

3、Auto Rename Tag

自动重命名标签

重命名一个HTML / XML标签时，自动重命名配对的HTML / XML标签

4、Ayu

颜色主题

5、Beautify

美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代码。

6、Bracket Pair Colorizer

此扩展名允许用颜色标识匹配的括号。用户可以定义要匹配的字符以及要使用的颜色

7、Debugger for Chrome

8、ES7 React/Redux/GraphQL/React-Native snippets

该扩展为您提供ES7中的JavaScript和React / Redux片段，以及针对VS Code的 Babel插件功能

9、ESLint

将ESLint集成到VS Code中。如果您不熟悉ESLint，请查阅文档。

该扩展使用安装在打开的工作区文件夹中的ESLint库。如果该文件夹不提供扩展名，则扩展名将查找全局安装版本。如果尚未在本地或全局安装ESLint，请npm install eslint在工作空间文件夹中运行本地安装或npm install -g eslint全局安装。

在新文件夹上，您可能还需要创建一个.eslintrc配置文件。您可以通过使用VS Code命令Create ESLint configuration或eslint在终端中运行该命令来执行此操作。如果您已全局安装了ESLint(请参阅上文)，请eslint --init在终端中运行。如果您在本地安装了ESLint，则可以.ode_modules.bineslint --init在Windows以及./node_modules/.bin/eslint --initLinux和Mac下运行。

10、Git History

查看和搜索git日志以及图形和详细信息。

查看文件的先前副本。

查看和搜索历史

查看一个或所有分支的历史记录(git日志)查看文件的历史记录查看文件中的行历史(Git Blame)。查看作者的历史

11、Git History Diff

查看git历史记录。查看提交详细信息。查看已提交文件的差异。查看git blame信息。查看存储详细信息。

GitHD旨在以最简单，最便捷的方式将最有用的git历史引入内部。

12、Git Merger

合并分支从未如此简单。

13、GitLens — Git supercharged

GitLens supercharges内置到Visual Studio代码Git的能力。它可以帮助您通过Git责任注释和代码镜头一目了然地查看代码作者的身份，无缝导航和浏览 Git存储库，通过功能强大的比较命令获得有价值的见解，等等。

14、HTML CSS Support

类属性完成。

id属性完成。

支持类和id属性的Zen Coding完成。

扫描工作区文件夹中的css和scss文件。

支持远程css文件。

使用vscode-css-languageservice。

15、HTML Snippets

完整的HTML标签，包括HTML5代码段

16、JavaScript (ES6) code snippets

此扩展包含Vs代码编辑器的ES6语法的JavaScript代码片段(同时支持JavaScript和TypeScript)。

17、jQuery Code Snippets

超过130个用于JavaScript代码的jQuery代码段。

只需输入字母“ jq”即可获取所有可用的jQuery代码段的列表。

18、open in browser

这使您可以在默认浏览器或应用程序中打开当前文件。

19、Path Intellisense

自动完成文件名的Visual Studio Code插件。

20、React/Redux/react-router Snippets

适用于Visual Studio Code的有用的React Ecosystem片段，包括：

快速导入

反应

Redux

react-redux

反应路由器

21、Vetur

VS Code的Vue工具，由vue-language-server支持。

22、View In Browser

vscode扩展，可在浏览器中查看html文件。

23、Vue 2 Snippets

此扩展将Vue 2代码片段添加到Visual Studio Code中。

这个插件基于最新的Vue 2的API添加了代码段

24、Vue TypeScript Snippets

Visual Studio Code的此扩展为TypeScript和HTML添加了Vue / Vuex的代码片段

25、vue-helper

该插件主要增强了Element-UI，VUX，IVIEW的写Vue和扩展的能力

26、VueHelper

Vue，Vue路由器和Vuex的代码片段