typescript中的工具 tsd


  首先幫微軟買個廣告: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(初始化)之后才去引入。

你再也不用因為代碼沒提示而到處找插件了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM