最近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 的學習了!!!