基于VS code搭建TypeScript环境（2021.12.6）最新版 亲测无误

本文章借鉴作者 @星河_赵梓宇 所发布《TypeScript超详细入门教程（上）》，本人按着其文章操作时遇到一些Bug，已解决，于是发布这篇文章希望能帮助各位同学少走弯路，在极短时间内可以顺利搭建好TypeScript的环境。

话不多说，进入正题：

1.安装VS code

2.安装Node.js，可通过node -v来查看node的版本号，看是否安装成功

3.新建文件夹，在终端中输入以下代码（也可以手动创建）

mkdir client-side
cd client-side

4.项目初始化

npm init -y

5.在根目录下创建文件夹：src、build、dist、typing

在build下创建：

• webpack.config.js

在src下创建：

• utils：和业务相关的可复用方法

• tools：和业务无关的纯工具函数

• assets：图片字体等静态资源

• api：可复用的接口请求方法

• config：配置文件

• index.ts

• template/index.html:创建文件夹template并在template下创建index.html

 6.全局安装typescript

npm install typescript -g