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

總結

但願該篇文章能夠幫到一些小夥伴節省時間，加快開發。