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

前言

提及來我會用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的常規設置及代碼片斷的寫法以及快捷鍵的設置。