前言

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

---

總結

希望該篇文章可以幫到一些小夥伴節省時間，加快開發。