1. 程式人生 > >Typescript 開發環境安裝、Node.js安裝以及輸出HelloWorld

Typescript 開發環境安裝、Node.js安裝以及輸出HelloWorld

1.為什麼要學習Typescript 語言呢

  原因很簡單,當然是為了工作呀,因為工作使我接觸到了Typescript語言,感覺它比較像C#、Java 這樣面向物件的語言,由於最近在使用它開發專案所以系統學習一下,在此記錄一下學習過程。

2.Typescript 語言百度百科介紹

  TypeScript是一種由微軟開發的自由和開源的程式語言。它是JavaScript的一個超集,而且本質上向這個語言添加了可選的靜態型別和基於類的面向物件程式設計。TypeScript還遵循ES6、ES5規範,同時因為是Javascript 的超集,當然可以無縫編譯成Javascript 語言,使得它具備開發大型專案的能力。Typescript 中文網傳送門:https://www.tslang.cn/

3.Typescript 開發環境安裝(windows系統)

  (1).先安裝Node.js 環境

   百度開啟Node.js官網https://nodejs.org/en/ ,下載LTS版本安裝

    檢查Node.js 安裝是否成功:快捷鍵 win+R 開啟執行面板輸入命令 cmd開啟命令視窗 輸入命令:node -v  檢視Node.js版本號 ,npm -v 檢視npm 版本號,如果看到版本號代                表安裝成功了,若沒有則表示安裝不成功

  (2)安裝Typescript 

    在剛才的命令視窗輸入命令 npm install typescript -g 進行安裝,然後等待安裝完成

    檢查是否安裝成功 輸入命令 tsc -version 若看到版本號則代表安裝成功,否則不成功

4.老規矩,輸出 Helloword

   (1)選擇IDE工具,可以選擇VSCode 或HBuilder.這裡使用VSCode IDE工具,VSCode 安裝過程直接百度下載安裝就行

    (2)初始化專案 ,本地新建一個空資料夾,VSCode 開啟空資料夾, VSCode-->檢視-->終端 ,然後在終端執行命令 tsc --init 就會自動生成 tsconfig.json 檔案

    (3)自動編譯.ts檔案,將 tsconfig.json 檔案中的一個註釋的引數改為 "outDir": "./js", 表示自動將ts檔案編譯生成到檔案js檔案下

     

    VSCode--> 終端-->執行任務   選擇tsc:監視-tsconfig.json 檔案,然後會生成一個js資料夾,寫ts檔案儲存以後就可以自動編譯成js檔案了。

    編寫一個ts檔案,儲存後編譯成js檔案,然後執行命令 node  js/xxx.js 表示執行js檔案下剛編譯成的js檔案就會輸出HelloWorld。