前言
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
版本,作者做了一些调整