TypeScript（ts）⼯程化最全安装教程⼀、安装流程： 甲醇灶
sudo npm install -g typescript
tsc --init
npm init
npm i webpack webpack-cli webpack-dev-server ts-loader typescript html-webpack-plugin
⼆、详解：
1. 使⽤NPM 全局安装 TypeScript
电阻线// Windows
npm install -g typescript
// Macos
耐磨铸铁
sudo npm install -g typescript
安装完成后，我们就可以使⽤ tsc 命令来执⾏ TypeScript 的相关代码了：水析仪
2. ⽣成ts配置⽂件
tsc --init
会在项⽬⽬录下⽣成⼀个 tsconfig.json 的配置⽂件
3. ⽣成package.json
npm init
4. 安装⼯程化⼯具（⽤于打包、⾃动化⽣成⽂件）
（1）webpack相关
webpack，webpack-cli，webpack-dev-server
（2）typescript相关
加载编译.ts格式的⽂件 ：ts-loader
让库可以使⽤ts语法：typescript
把宿主页⾯和ts⽣成的⽬标js合成⼀个页⾯：html-webpack-plugin
npm i webpack webpack-cli webpack-dev-server ts-loader typescript html-webpack-plugin
5. 配置fig.js
配置详情地址：
6.修改package.json
7705ac修改dev的执⾏语句，让他按照上⼀步配置的fig.js执⾏。
{
"name": "08.ts",
"version": "1.0.0",
"description": "",
"main": "index.js",
频谱屋
"scripts": {
"dev": "webpack-dev-server --config ./fig.js"
},
"author": "dj",
"license": "ISC"
}
最终我们的ts⼯程化成功跑起来了，并且做了热更新。
