前提:已經(jīng)安裝了typescript
否則使用下列命令全局安裝typescript
npm i -g typescript
第一步:使用cmd到達(dá)指定的項(xiàng)目下, 使用下列命令進(jìn)行初始化,創(chuàng)建tsconfig.json 文件
tsc -init
”target” : 編譯為何種規(guī)范朗儒,一般設(shè)置為 ES5 或者 ES2016/2017
“outdir” : 輸出目錄
“alwaysStrict” : 打開(kāi)嚴(yán)格模式 (‘use strict’)
第二步:打開(kāi)tsconfig.json文件修改和刪除相應(yīng)配置(如果想快速修改配置官脓,請(qǐng)復(fù)制下列配置)
{
"compilerOptions": {
"target": "es5",
"noImplicitAny": false,
"module": "amd",
"removeComments": false,
"sourceMap": false,
"outDir": "js"http://你要生成js的目錄
}
}
第三步:打開(kāi)VSCode進(jìn)入該目錄块促,按下 Ctrl+shift+B 快捷鍵會(huì)進(jìn)行編譯绊含,初次編譯會(huì)選擇編譯模式(自行編寫(xiě).ts文件測(cè)試)
注意:
監(jiān)視模式 是每當(dāng)TS文件有變動(dòng)就會(huì)自動(dòng)編譯,構(gòu)建模式是手動(dòng)命令編譯時(shí)才會(huì)去編譯,這里選擇監(jiān)視模式
參考網(wǎng)址:
1、https://blog.csdn.net/gofun4/article/details/80293222
2、http://www.reibang.com/p/aa4145604ca9