1.安装Typescript
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
npm -g install typescript
如果需要指定typescript版本,则使用@符号,如下图
npm -g install typescript@3.1.3
安装好后,项目里会出现tsconfig.json文件
2.配置tsconfig.json
1.strictNullChecks 严格校验undefined和null两个空类型。设置成true后,代码一些类型赋空值会报错,初始化后必须赋值。可以用
let width: number|underfined或name?:string(加一个?)
2.moduleRescolution : node|classic
node模式下优先在node_modules里查找
classic适合老项目,没有node_modules的时候。他的查找路径是先在外部项目查找,没有查找node_modules,再是更上一级父目录。
3.使用jsx组件
设置jsx:preserve|resct|resct-native
preserve 会把<div />编译成<div/> 输出.jsx文件
resct会把<div />编译成Resct.createElement{"div"} 输出.js文件
resct-native会把<div />编译成<div/> 输出.js文件
注:创建的文件必须是tsx,编译后的文件就会是tsx
4.esModuleInterop:true,帮助解决导入导出时缺失的默认值问题
5:noImplicitAny:true ,禁止有隐藏any类型
6.target:es5,把target编译成什么版本的,一般es5的版本就可以