一、概述
- 是什么:
- 以js为基础构建的语言
- 一个js的超集
- 特点:
- 扩展了js,并增加了类型
- 能在任何支持js的平台中执行,但不能被js解析器执行,ts得先编译成js
- ts对比js:
- 增加了类型
- 支持ES的新特性
- 添加ES里不具备的新特性
- 丰富的配置选项
- 强大的开发工具
二、搭建开发环境
- 下载Node.js
- 安装Node.js
- 使用npm全局安装typescript
- npm i -g typescript
- 使用tsc验证是否安装成功
- 创建一个ts文件
- 使用tsc对ts文件进行编译
- tsc 文件名(包含后缀名)
- 执行完会出现一个js文件,这个就能直接在浏览器里执行了!
- tsc 文件名(包含后缀名)
三、TS中的类型
- 类型声明格式:
- 注:
- 如果指定了类型,则赋值变量以非指定类型的值时,编译器会出现错误提示,但不会影响对应js的生成
四、TS的编译选项
- 添加tsconfig.json文件:
- 作用:
- 这样编译器才能成功编译ts文件
- 作用:
- 详述:
五、用webpack打包ts代码