VS Code 折腾记 - (8) 新一波实用插件推荐（前端）|NG2+|TS2|Vue|React|Node|版本控制|主题

前言

VSCode大法好啊，平均一个月更新一个小版本，每次都可以直观的看到优化的地方和特性。

距离上次的文章已经过去了两个多月了。这期间我又搜罗了一波比较实用的插件推荐；

插件集

版本及文件管理

Better Merge : 用来解决文件冲突的不二利器，经过多个版本的更新，稳定很多。。推荐

Folder Indexing: 提高文件的索引速度[常驻于内存中]，这对于项目比较大的小伙伴必须安装啊

Git Indicators: 类似

github

上的统计提交代码增减条目，在状态栏显示，很小巧实用

gitk:有了这个，版本实时比对，这个真心好

Angular 2+ && Typescript 2+

Angular Language Service: 对于用ng2+开发的小伙伴，这又是一个必备插件，定义跳转，补全，信息提示等。。。

JSON to TS:有了这个来声明和后台协商的对接接口简直不能再方便了【

typescript interface

】。。。

move-imports: 虽然不能说完美无BUG，但是至少常规的迁移[

js, jsx, ts, tsx

]是可以同步改动的，值得安装

Node

Node.js Modules Intellisense:对于

node_module

的智能提示太友好了。。。必装

npm: 可以直接在vscode执行npm的一些命令，相当实用。试试就知道了

ExpressSnippet: express的代码片段,实用推荐

ES6 Mocha Snippets：单元测试

Mocha

的代码片段

snippet

TurboJavaScript:相当齐全的js的代码片段简写，熟练了效率高的不是一点两点

Angular 2+ Snippets - TypeScript, Html, ngRx, Angular Flex Layout & Testing: 这货的代码片断涵盖范围太广了，真佩服作者去汇总

Vue

Vue TypeScript Snippets:我发现我偏爱

ts

，vue的ts代码片段。。作者在最近的

vueconf

也提出了

v2.4

将会引入ts来规范开发

VueHelper:国人写的一个针对

vue2,router,vuex

的代码提示，涵盖了大部分的API，投入了很多精力啊，赞一个

vetur:语法高亮及智能提示

React

React-Native/React/Redux snippets for es6/es7:这个是比较重量级的插件，而且作者更新很勤快

Typescript React/Redux Snippets：

ts

语法的

react

代码片段

nginx

nginx非常适合做前端的服务层，好处太多，反向代理避免跨域,负载均衡

nginx.conf:高亮

nginx

的配置文件，可能以后的版本会引入

.conf

的语法高亮而不需要安装此插件

nginx.conf hint:

nginx

配置文件的智能提示和补全，好不好用你说了算

Theme

有两个推荐的主题，我个人觉得很耐看的

bluloco-dark: 颜色很对我眼

One Dark Pro: Atom主题的

vscode

版本,作者做了一些调整

总结

希望该篇文章可以帮到一些小伙伴节省时间，加快开发。