Visual Studio Code 開發前端和node智能提示
visual studio code 是一個很好的編輯器,可以用來編寫前端代碼和nodejs。
我很喜歡使用VSC,現在流行框架對VSC的支持很好,都有相對應的Typing Script 文件。 但對於對前端接觸不深的同學,可能不太好找。所以我將主流框架的安裝方式總結如下,希望可以提供幫助。
首先 需要安裝tsd,但首先是要安裝nodejs環境。(如果采用國外鏡像,確保可以翻牆。)
npm install tsd -g // 表示在全局目錄下安裝。
或
npm install tsd --save
然后在工程目錄下初始化tsd
tsd init
之后會看到多出tsd.d.ts 和typings 文件夾
angular
然后下載智能提示文件
tsd query angular --action install --save
在這一步結束,就會看到在typings文件夾下多出了angularJs文件夾,里面有angular.d.ts 文件,在自己的js文件里面添加
/// <reference path="./typings/angularjs/angular.d.ts" />
之后輸入angular 便會出現智能提示了。
Vue
tsd query vue --action install --save
下面就可以看到對Vue的智能提示了.
所有 tsd
的庫:https://github.com/DefinitelyTyped/DefinitelyTyped