ts編譯簡介
ts的項目一般不會直接運行尚蝌，需要編譯成js文件去運行侵浸，但是編譯后的js文件與我們直接輸出的ts文件有出入，這對于我們調試造成很大的麻煩逾条。
- 一般我們編譯ts文件需要用到node的typescript的模塊
npm i -g typescript
- 編譯時我們可以進行格式啼染，輸出位置進行配置宴合，這些參數(shù)可以寫在tsconfig.json的文件內，具體可參照：https://www.tslang.cn/docs/handbook/tsconfig-json.html
// 示例
{
"compilerOptions": {
// 指定要使用的模塊化規(guī)范
"module": "ES6",
// 用來指定ts被編譯為的es版本
"target": "es6",
// 用來指定項目中要使用的庫
"lib": [
"es6"
],
// 生成相應的 .map文件迹鹅。
"sourceMap": true,
// 用來指定編譯后文件所在的目錄
"outDir": "./dist",
// 是否移除注釋
"removeComments": true,
// 編譯發(fā)生error時不生成js文件
"noEmitOnError": false,
// 是否對js文件進行編譯
"allowJs": false,
// 是否檢查js代碼是否符合語法規(guī)范
"checkJs": false,
// 用來設置編譯后的js文件是否使用嚴格模式
"alwaysStrict": false,
// 不允許隱式any類型
"noImplicitAny": false,
// 不允許不明確的this
"noImplicitThis": false,
// 嚴格檢查空值
"noStrictGenericChecks": false,
// 所有嚴格檢查的總開關
"strict": false
},
"exclude": [
"node_modules"
],
"include": [
"./src/**/*.ts"
]
}
VS Code調試typescript項目
官方參考文檔： https://code.visualstudio.com/docs/typescript/typescript-debugging
注意事項：
- tsconfig.json中的sourceMap需設為true
- 如果項目目錄與運行環(huán)境的目錄不同卦洽，需設置lanuch.json中的cwd為運行代碼環(huán)境的目錄，參照： https://code.visualstudio.com/docs/editor/debugging#_compound-launch-configurations
image
IDEA(WebStorm)調試typescript項目
注意事項：
需從運行代碼環(huán)境的目錄打開項目斜棚，打開tsconfig.json的上級目錄
tsconfig.json中的sourceMap需設為true
添加 Node parameters: --inspect --require ts-node/register
image
idea DEBUG頁面
image
