打造独一无二的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
当这些设置完毕,你的vsCode基本功能已经有了,当然如果还有其他需求,自行搜索安装即可。