利用VSCode任务让ts自动转js

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也会同步更新。

猜你喜欢

转载自blog.csdn.net/sirria1/article/details/128453344
今日推荐