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

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

  1. 点击typescript

在这里插入图片描述

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

在这里插入图片描述

到这里就结束了

版权声明：本文为qq_15064263原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。