VS Code 折騰記 - (8) 新一波實用外掛推薦(前端)|NG2+|TS2|Vue|React|Node|版本控制|主題

CRPER發表於2017-05-24

前言

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

snippet

  • TurboJavaScript:相當齊全的js的程式碼片段簡寫,熟練了效率高的不是一點兩點
  • Angular 2+ Snippets: 這貨的程式碼片斷涵蓋範圍太廣了,真佩服作者去彙總

Vue

React

nginx

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

  • nginx.conf:高亮nginx的配置檔案,可能以後的版本會引入.conf的語法高亮而不需要安裝此外掛
  • nginx.conf hint:nginx配置檔案的智慧提示和補全,好不好用你說了算

Theme

有兩個推薦的主題,我個人覺得很耐看的

總結

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

相關文章