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: 这货的代码片段涵盖范围太广了，真佩服做者去汇总

Vue

• Vue TypeScript Snippets:vue的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版本,做者作了一些调整

总结

但愿该篇文章能够帮到一些小伙伴节省时间，加快开发。