首先幫微軟買個廣告:VSCode 實在是太適合我了,感覺寫起來無比舒暢,建議有興趣的可以去試試用vsCode寫前端。
最近開始使用ts去構建項目,感覺寫起來非常的爽(本人以前接觸過c#和java),終於不用頭疼JavaScript那些不一樣的地方了。
這篇隨筆主要介紹的是tsd這個工具,在我們寫ts文件的時候我們需要一些代碼提示,例如angular,React和jquery這些東西,這個時候就需要去網上找.d.ts定義文檔了。
這個.d.ts的定義文檔其實就是幫助你定義一些語法,讓你在編寫ts的時候可以有快速的提示。
但是我們不可能每次都要到網上找d.ts文件的,於是就有tsd這個工具了。
第一步:npm install -g tsd;(不解釋)
然后我們就可以tsd命令下載.d.ts文檔了
第二步 : tsd init(初始化)
tsd的使用非常簡單,基本使用就用兩個指令
tsd query (查詢)
tsd install (下載功能)
下載完了你會發現有個這樣的文件夾
然后在你ts文件中寫入/// <reference path="" /> 把jquery.d.ts的路徑寫進去就好了
例如我需要下載jq tsd install jquery --save(--save是保存到初始化中的tsd.json文件中,寫入本項目的依賴關系)。
這里有作者的github地址:https://github.com/DefinitelyTyped/tsd
想了解更多的內容可以進去訪問
----------------------------------------------------------------------------------------------------------------------------------
最近發現了,原來不僅僅只有ts可以引入/// <reference path="" />來獲取代碼的提示,只要你的編輯器支持,你的js代碼也可以有代碼提示,感覺非常的強大有木有啊,不過記得一定要執行init(初始化)之后才去引入。
你再也不用因為代碼沒提示而到處找插件了。