1.在需要自动编译的文件夹内输入 tsc --init 初始化一个tsconfig.json文件

初学typescript——01.typecript自动编译 开发工具vscode

  1. 进去tsconfig.json 找到第15行左右 有个outDir字段,默认这里是被注释掉的//"outDir":"./" 把这里改成./js,这一步操作的效果是当ts编译后会把生成的js文件放进去./js目录。在这一步还不会自动编译,看步骤3

初学typescript——01.typecript自动编译 开发工具vscode

  1. 点击终端,找到运行任务

初学typescript——01.typecript自动编译 开发工具vscode

  1. 点击typescript

初学typescript——01.typecript自动编译 开发工具vscode

5.点击tsc:监视,点击完之后就算完成了。这时候在index.ts文件写完代码后,点击保存的时候ts就会自动执行tsconfig.json文件,实现自动编译成ES5语法。生成一个js文件,不需要自己每次动手运行tsc index.ts

初学typescript——01.typecript自动编译 开发工具vscode

到这里就结束了

相关文章:

  • 2022-12-23
  • 2021-10-28
  • 2021-07-20
  • 2021-10-02
  • 2021-12-29
  • 2021-04-20
  • 2021-07-02
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-05-21
  • 2022-12-23
  • 2021-12-27
  • 2022-12-23
  • 2022-02-28
  • 2021-05-22
相关资源
相似解决方案