編譯TypeScript(TypeScript轉JavaScript)

1.配置tsconfig.json文件

 

• tsconfig.json

文件配置說明

 

• {
• "compilerOptions": { //生成相關說明,TypeScript編譯器如何編譯.ts文件。
• "module": "commonjs", //指定模塊代碼生成:“none”、“commonjs”、“amd”、“system”、“umd”、“es2015”或“esnext”。
• "target": "es6", //指定ECMAScript目標版本。許可值為“es3”、“es5”、“es6”、“es2015”、“es2016”、“es2017”、“es2018”或“esnext”。
• "lib": ["es6"], //指定要包含在編譯中的庫文件。需要TypeScript 2.0或更高版本。
• "sourceMap": true, //是否生成相應的“地圖”的文件。
• "rootDir": "src", //指定輸入文件的根目錄。使用——outDir控制輸出目錄結構。
• "outDir": "out" //將輸出結構重定向到目錄。
• }
• }

2.編譯命令

• npm install -g typescript //全局安裝typescript
• tsc //編譯(一次性編譯)
• tsc -watch //編譯並監視(每次保存待編譯文件都會自動更新編譯文件)

3.vscode編譯