Typescript学习

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的版本就可以

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值