简介：

1.什么是ts？

TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言。

2.为什么要用ts？

TypeScript 是JavaScript 的超集，包含JavaScript 的所有元素。相比于JavaScript ，它还增加了静态类型、类、模块、接口和类型注解方面的功能，更易于大项目的开发

3.ts的优点

1.便于开发人员做注释。

2.能帮助开发人员检测出错误并修改。

3.TypeScript工具使重构更变的容易、快捷。

4.TypeScript 引入了 JavaScript 中没有的“类”概念。

5.TypeScript 中引入了模块的概念，可以把声明、数据、函数和类封装在模块中。

6.。类型安全功能能在编码期间检测错误，这为开发人员创建了一个更高效的编码和调试过程。

开发环境的搭建：

1.创建目录结构

npm init 默认入口文件设置为 /src/index.ts

2.安裝依赖与插件：

tnpm install typescript tslint -g 全局安装typescript和tslint

tsc --init 生成ts的配置文件

npm insatll webpack webpack-cli webpack-dev-server -D 生成webpack的配置文件

npm install ts-loader -D webpack打包编译typescript

npm install cross-env -D 跨平台设置使用环境变量(如上图中的cross-env NODE_ENV=development)

npm install clean-webpack-plugin html-webpack-plugin -D

npm install typescript

clean-webpack-plugin：清除文件（新版只接受一个对象作为参数，默认删除outpub.path目录下的文件）

html-webpack-plugin：1.为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题 2.可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置N个html-webpack-plugin可以生成N个页面入口