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

CRPER發表於2017-02-17

前言

說起來我會用VS Code,有很大一方面是因為工作需(以前主力工具是Atom),

剛好公司的前端技術棧是NG2+TS2;對於喜歡折騰的我,裸奔的VS Code是不可以接受的。so....

VS Code對於主流的語言智慧提示都很贊,尤其對ng+ts支援相當完善

外掛推薦

功能

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

程式碼片段

語法

總結

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

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

相關文章