編譯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編譯