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

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