前言

VSCode大法好啊，平均一個(gè)月更新一個(gè)小版本，每次都可以直觀的看到優(yōu)化的地方和特性。

距離上次的文章已經(jīng)過去了兩個(gè)多月了。這期間我又搜羅了一波比較實(shí)用的插件推薦；

插件集

版本及文件管理

Better Merge: 用來解決文件沖突的不二利器，經(jīng)過多個(gè)版本的更新，穩(wěn)定很多。。推薦

Folder Indexing: 提高文件的索引速度[常駐于內(nèi)存中]，這對(duì)于項(xiàng)目比較大的小伙伴必須安裝啊

Git Indicators: 類似github上的統(tǒng)計(jì)提交代碼增減條目，在狀態(tài)欄顯示，很小巧實(shí)用

gitk:有了這個(gè)，版本實(shí)時(shí)比對(duì)，這個(gè)真心好

Angular 2+ && Typescript 2+

Angular Language Service: 對(duì)于用ng2+開發(fā)的小伙伴，這又是一個(gè)必備插件，定義跳轉(zhuǎn)，補(bǔ)全，信息提示等。。。

JSON to TS:有了這個(gè)來聲明和后臺(tái)協(xié)商的對(duì)接接口簡(jiǎn)直不能再方便了【typescript interface】。。。

move-imports: 雖然不能說完美無BUG，但是至少常規(guī)的遷移[js, jsx, ts, tsx]是可以同步改動(dòng)的，值得安裝

Node

Node.js Modules Intellisense:對(duì)于node_module的智能提示太友好了。。。必裝

npm: 可以直接在vscode執(zhí)行npm的一些命令，相當(dāng)實(shí)用。試試就知道了

ExpressSnippet: express的代碼片段,實(shí)用推薦

ES6 Mocha Snippets：?jiǎn)卧獪y(cè)試Mocha的代碼片段

snippet

TurboJavaScript:相當(dāng)齊全的js的代碼片段簡(jiǎn)寫，熟練了效率高的不是一點(diǎn)兩點(diǎn)

Angular 2+ Snippets - TypeScript, Html, ngRx, Angular Flex Layout & Testing: 這貨的代碼片斷涵蓋范圍太廣了，真佩服作者去匯總

Vue

Vue TypeScript Snippets:我發(fā)現(xiàn)我偏愛ts，vue的ts代碼片段。。作者在最近的vueconf也提出了v2.4將會(huì)引入ts來規(guī)范開發(fā)

VueHelper:國(guó)人寫的一個(gè)針對(duì)vue2,router,vuex的代碼提示，涵蓋了大部分的API，投入了很多精力啊，贊一個(gè)

vetur:語法高亮及智能提示

React

React-Native/React/Redux snippets for es6/es7:這個(gè)是比較重量級(jí)的插件，而且作者更新很勤快

Typescript React/Redux Snippets：ts語法的react代碼片段

nginx

nginx非常適合做前端的服務(wù)層，好處太多，反向代理避免跨域,負(fù)載均衡

nginx.conf:高亮nginx的配置文件，可能以后的版本會(huì)引入.conf的語法高亮而不需要安裝此插件

nginx.conf hint:nginx配置文件的智能提示和補(bǔ)全，好不好用你說了算

Theme

有兩個(gè)推薦的主題，我個(gè)人覺得很耐看的

bluloco-dark: 顏色很對(duì)我眼

One Dark Pro: Atom主題的vscode版本,作者做了一些調(diào)整

總結(jié)

希望該篇文章可以幫到一些小伙伴節(jié)省時(shí)間，加快開發(fā)。