VS Code折騰記 - (5) Angular 2+ && Typescript 2+必備外掛推薦

CRPER發表於2017-02-17

前言

說起來我會用VSCode,有很大一方面是因為工作需求[以前主力工具是Atom],剛好公司的前端技術棧是NG2+TS2;對於喜歡折騰的我,裸奔的VSCODE是不可以接受的。so....
eg: vsc對於主流的語言智慧提示都很贊,尤其對ng+ts支援相當完善


外掛推薦

功能

  1. Auto Import : 對於一堆元件的我們來說,這貨簡直貼心,支援JSX和typescript,還有一些細緻化的配置引數
  2. exports autocomplete : 和上個功能類似但是不等同,相當實用
  3. TypeLens : 型別引用索引展示,用過visual studio的都看到過,相當強大的一個功能;換個名詞可能更多人知道,peek file
  4. TypeScript Import : 專門處理TS內模組匯入的,和第一個互補;
  5. Typings : 這個就是用來處理d.ts
  6. AngularDoc for Visual Studio Code : 這個外掛可以分析整個專案的依賴生成一個類似思維導圖的(經常嗝屁,用了懶載入之後基本不全), 但是有另外一個相當實用的功能就是可以呼叫angular-cli的新建指令,在側邊欄右鍵可以直接看到;

程式碼片段

  1. Angular 2, 4 and upcoming latest TypeScript HTML Snippets : 在用這個外掛之前,我裝了幾個NG2 snippet的外掛,經過一段時間的比較,發現這個是比較全面和更新比較頻繁的。。推薦嗯!!

語法

  1. Latest TypeScript and Javascript Grammar :完美的支援beta及穩定版本的TS語法;

總結

必備外掛和工作棧外掛的暫時就到此結束;

下篇文章就來說說Vs Code的常規設定及程式碼片段的寫法以及快捷鍵的設定。。。^_^

相關文章