前言
說起來我會用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
的新建指令,在側邊欄右鍵可以直接看到;
程式碼片段
- Angular 2, 4 and upcoming latest TypeScript HTML Snippets : 在用這個外掛之前,我裝了幾個NG2 snippet的外掛,經過一段時間的比較,發現這個是比較全面和更新比較頻繁的。。推薦嗯!!
語法
- Latest TypeScript and Javascript Grammar :完美的支援beta及穩定版本的TS語法;
總結
必備外掛和工作棧外掛的暫時就到此結束;
下篇文章就來說說VS Code的常規設定及程式碼片段的寫法以及快捷鍵的設定。