打造独一无二的vsCode-Mac

对于一个前端开发者，编译器是必不可少，现在被广泛使用的编辑器也是比较多，例如sublime，atom，vsCode。之前我一直是使用sublime和atom，现在首次接触vsCode，说实话功能确实强大，用了都说好（确实相对比较易用）。

现在给大家说一些常用的插件：

（如果插件安装，并且配置也已经完毕，但没达到期望的效果，重新启动vsCode即可）。

插件的安装方式：

1⃣️输入需要的插件名称，搜索即可

2⃣️安装

以theme为例，搜索之后，选择自己喜欢的点击install即可。

 

注意：有些插件需要，reload，这类插件，当安装完成时，都会有提示。

有些也是需要配置的，直接按自己的需求修改配置文件即可。

1.Them（主题）

这个看标题就知道，之前一直使用atom，所以还是比较喜欢atom的主题，这里使用的就是atom的主题，当然，这个是根据个人的喜好，也可以使用默认主题。

下面推荐几款主题：（如果没有喜欢的，可以自行搜索）

         Material Icon Theme：Icon主题

        

             Material Theme

             Atom One Dark Theme 

2.Bracket Pair Colorizer

一个可定制的扩展着色匹配的括号，实际上就是代码匹配。对于冗长的代码，很容易就找到代码块的位置。

3.ESLint

这个就不提了，下载就对了，当然，如果对代码规范没要求，这个就没必要了。

4.stylelint

同上。

5.Git Blame

甩锅的时候到了，当代码出现了问题，需要找到谁实现的，这个时候就体现到Git Blame用处了，它可以显示当前代码的提交人和时间。

选中哪一行代码，就显示当前行的提交人和提交时间。

6.indent-rainbow

这个就有点鸡肋了，当然还是很不错的，会对代码的缩进进行不同颜色的着色，使代码更有可读性。

7.Vetur（文档）

此插件是对vue文件进行格式化。

注意：如果安装之后或者升级Vetur之后，格式化失效，请更新vsCode，或者下载当前vsCode匹配的Vetur版本。

更新vsCode步骤：

如果失败，提示没有权限，则

 先把vscode 完全关闭

// 终端输入
// 这一步是需要输入密码的
sudo chown $USER ~/Library/Caches/com.microsoft.VSCode.ShipIt/

然后再次打开vsCode，执行更新操作即可。

8.Vue 2 Snippets

Vue.js 2的扩展插件。可以提升编程速度，很不错的插件。

9.Vue 2 Snippets

设置同步，一个设置，所有电脑同步。

设置步骤：http://www.imooc.com/article/251855

10.koroFileHeader

在vscode中用于生成文件头部注释和函数注释的插件

 

当这些设置完毕，你的vsCode基本功能已经有了，当然如果还有其他需求，自行搜索安装即可。