搭建Javascript環境
因為TypeScript不能直接在瀏覽器上運行。它需要編譯器來編譯并生成JavaScript文件。所以需要首先安裝好javascript環境，可以參考文章：https://blog.csdn.net/liwenxiang629/article/details/129491984
全局安裝Typescript模塊
執行下面命令進行安裝
npm install -g typescript
安裝完成后我們就可以使用 TypeScript 編譯器，名稱叫 tsc，可將編譯結果生成 js 文件。
在cmd窗口中，通過下面命令確認typescirpt是否安裝成功
tsc --version
tsc --help
helloworld.ts
創建一個目錄TS_DEMO, 然后用 VS Code 打開，創建文件helloworld.ts,里面編碼如下：
let message: string = 'Hello World';
console.log(message);
初始化 TypeScript 配置
為了方便自動編譯 ts 文件，需要對 TypeScript 進行一些配置，比如生成 tsconfig.json 文件，tsconfig.json 是 TypeScript 編譯器的配置文件，用于指定編譯 TypeScript 代碼時的編譯選項和編譯目標等信息。通過修改該文件，可以定制 TypeScript 編譯器的行為，例如指定編譯目標、啟用或禁用特定的語言特性、設置代碼檢查規則等。具體方法如下：
執行命令tsc --init，生成tsconfig.json
然后自定義配置下：
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"outDir": "out",
"sourceMap": true
}
}
添加任務監聽 tsconfig.json
VS Code 菜單欄 終端->運行任務... 選擇 tsc:watch - tsconfig.json
然后項目會自動編譯 helloworld.ts 為 js 文件到 out 目錄下，如下圖所示
備注：--watch表示啟用監視模式，只要重新保存了ts 文件，就會自動調用tsc將ts 轉化為 js。
我們也可以在vs code 的終端中，通過命令 tsc helloworld.ts的方式把ts 文件轉為js文件，然后再通過命令node helloworld.js 運行js代碼！ （因為TypeScript不能直接在瀏覽器上運行。它需要編譯器來編譯并生成JavaScript文件），如下圖所示：
編寫html文件引入js
在實際工作中，我們在html文件中直接引入out文件夾下的js文件即可,例如
<script src="./out/helloworld.js"></script>
一個常見問題
如果出現下面這個錯誤
tsc : 無法加載文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1，因為在此系統上禁止運行腳本。有關詳細信息，請參閱https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
解決方法是，以管理員身份打開powershell，輸入set-ExecutionPolicy RemoteSigned。
我的每一篇文章都希望幫助讀者解決實際工作中遇到的問題！如果文章幫到了您，勞煩點贊、收藏、轉發！您的鼓勵是我不斷更新文章最大的動力！
