Typeecript（TS、ts）自带编译环境的使用

一、安装 TS 包

 npm i -g typescript
 or
 yarn add global typescript

二、初始化项目

1. 创建 ts-pratice 文件夹
2. 进入 ts-pratice 文件夹，进入命令行输入 tsc --init，会在根目录下创建名为tsconfig.json 的全局 ts 配置文件。
3. 在根目录下创建 index.ts 的项目入口文件
4. 修改配置

   编译后文件的位置

    “outDir”: “./js”,

三、使用 VScode 打开项目文件夹

1. 找到 终端 的菜单选项
2. 找到终端中的 运行任务
3. 选择 typescript 中的 监视 typescript

总结

此时在 index.ts 文件中边写 typrscript 代码保存后会自动进行编译。