1.首先在ts项目目录下运行
tsc --init
创建tsconfig.json文件,然后根据自己的需要进行修改,比如输入输出目录,包含的库等等。
大致内容如下:
{
"compilerOptions": {
"module": "commonjs",
"lib": [ "dom", "es5", "es2015.promise"],
"target": "es5",
"experimentalDecorators": true,
"skipLibCheck": true,
"outDir": "./dist",
"rootDir": "./src",
},
"include": ["./src/**/*"],
"exclude": [
"node_modules",
"library",
"local",
"temp",
"build",
"settings"
],
}
2.设置一下vscode的监视任务,当ts文件变化时,则会自动编译同步更新js文件
菜单栏选择 终端(Terminal)->运行任务(Run Task)
选择 “tsc:监视 -tsconfig.json ”,没有就点击 “显示所有任务(Show All Tasks...)”
这样每次ts代码变化的时候,js也会同步更新。