0，新建文件夹typescript
1，在vscode打开typescript文件夹，打开终端。首先要安装typescript；
sudo npm install --location=global typescript
或
注意，以下这种是老的方式，现在-g可能过时了。（当前时间2022.12月）
npm install -g typescript
2，配置typescript；typescript运行 需要进行一些配置，比如严格模式，打包的路径，输出的路径等等。所以需要生成配置文件。
tsc --init
此时，根目录会出现tsconfig.json.打开文件夹，里面会有详细配置。
- 找到outDir,这个是输出路径。可以配置下，比如叫dist；
- 找到rootDir,这个是打包路径，可以就是当前目录；
- 在根目录创建index.html,用于引入js文件；
- 新建index.ts文件；
3，实现html引入编译文件，用浏览器打开index.html。
打开index.html,引入js文件夹；
<script src="./dist/index.js"></script>
4，在typescript 控制台，输入
tsc --w
这样，即可编译ts为js了。
5，如果想实现热更新，则需要安装live server的vscode 插件。 安装完毕后，在vscode打开html文件，右击 open with liveserver即可。
