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代码保存后会自动进行编译。