typescript 起步之安裝及配置 ts-node 環境變量


  最近vue 3.0 版本發布,讓我認識到 typescript 將占有越來越重要的地位,所以我也開啟了typescript學習之旅。

  要想編寫第一個 hello typescript 程序,當然要經過安裝這個必要的過程,我們分為接下來幾個步驟:

 

步驟一:全局安裝 typescript

npm install -g typescript  

  

步驟二:全局安裝 ts-node

  安裝它的原因是typescript自帶的tsc命令並不能直接運行typescript代碼。但值得注意的是 ts-node 並不等於 typescript 的 Node.js ,僅僅封裝了 typescript 的編譯過程,提供直接運行typescript代碼的能力。

npm install -g ts-node 

  

步驟三:配置 ts-node 環境變量

  1.要想配置環境變量,我們首先要清楚 npm 全局安裝 ts-node 的位置

npm config get prefix

  2.經過上面的語句我們可以知道 npm 全局安裝 ts-node 的位置,接下來就是配置為環境變量:

  • 桌面“此電腦”右鍵點擊“屬性
  • 窗口左側列表點擊“高級系統設置
  • 新窗口點擊下方“環境變量
  • 系統變量”選擇“Path”,點擊“編輯
  • 點擊“新建”,將1中得到的路徑復制進去,點擊保存
  • 重啟計算機

 

步驟四:編寫第一個typescript程序

  typescript 的文件后綴名為 .ts ,文件中輸入以下內容:

console.log('Hello Typescript ! ')

  

步驟五:打開控制台,並輸入

ts-node 文件名.ts    // Hello Typescript !

  

  后面就正式開啟 typescript 的學習了!!!

 

 

 

 


免責聲明!

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



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