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 的學習了！！！