怎样搭建TypeScript手动编译环境和自动编译环境？

TypeScript是具有类型语法的JavaScript，是一门强类型的编程语言。TypeScript编写的代码是无法直接在js引擎(浏览器/NodeJs)中运行的，最终还需要经过编译变成js代码才可以正常运行。

既可以在开发时使用TS编写代码（享受强类型带来的好处），同时保证实际运行的还是JS代码。

搭建手动编译环境

全局安装typescript包（编译引擎）->注册tsc命令。

npm install-g typescript

新增test.ts文件，执行tsctest.ts命令生成test.js文件执行nodehello.js运行js文件查看效果。

/**
命令说明：
   1. npm create vite@latest    使用最新版本的
   2. ts-pro    项⽬名称
   3. -- --template vanilla-ts     创建项目使用的模板为原生ts模板
*/
npm create vite@latest   ts-pro-- --template vanilla-ts

搭建工程化下的自动编译环境

基于工程程化的TS开发模式(webpack/ vite)，TS的编译环境已经内置了，无需手动安装配置，通过以下命令即可创建⼀个最基础的自动化的TS编译环境。

/**
命令说明：
   1. npm create vite@latest    使用最新版本的
   2. ts-pro    项⽬名称
   3. -- --template vanilla-ts     创建项目使用的模板为原生ts模板
*/
npm create vite@latest   ts-pro-- --template vanilla-ts