typescript及tsconfig.json配置说明

  • typescript开发环境搭建
    • 下载node.js
    • 安装node.js
    • 安装typescript
      • 命令行 npm i -g typescript
    • 创建ts文件
    • ts文件进行编译
      • 命令行 tsc xxx.ts
  • 基本语法
    • let 变量:类型=值;//类型赋值同时进行
    • let 变量:类型;//只声明不赋值
    • let 变量=值;//不声明类型 只声明值
    • function fn(参数:类型):类型{}
    • let 变量 :类型|类型;//联合类型
    • let a: string = 'hello world'
      let b: boolean;
      let c = false;
    • 注意:
      • ts拥有自动的类型判断机制
      • 当对变量声明和赋值同时进行时,ts编译器会自动判断变量的类型
      • 如果声明和赋值是同时进行的,可以省略类型声明
  • 类型
  • 类型描述例如
    number任意数字1,2
    string任意字符串‘a’
    boolean布尔值true/false
    字面量限制变量的值就是该字面量的值其本身
    any任意类型
    unknown安全的any,不能将自己的值赋值给 其他变量
    void没有值或者undefinedundefined
    never不能是任意值thorw new Error("出错啦")
    objectjs对象

    {}

    arrayjs数组[]
    tuple元组,新增类型,固定数组长度[12,34]
    enum枚举

  • any:任意值,隐式any,声明变量不指定类型默认为any
  • array:
    • 声明方式
      • 类型[]
      • Array<类型>
  • 热更新命令  tsc -w
  • tsconfig.json配置说明
  • 选项作用
    targetts被编译成为什么版本的js
    module指定要使用的模块化规范
    outDir讲编译后的文件放在哪里
    outFile将所有文件合成一个文件
    allowJs是否编译js文件
    checkJs检查js代码是否符合语法规范
    removeComments是否删除注释
    noEmit是否生成编译后的文件
    noEmitOnError当有错误时不生成编译后的文件
    alwaysStrict用来设置编译后的文件是否使用严格属性
    noImplicitAny是否允许隐式any的存在
    noImplicitThis不允许不明确类型的this
    strictNullChecks严格的检查空值
    strict所有严格检查的开关
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值