TypeScript - 学习总结

本文是关于TypeScript的学习总结,介绍了TypeScript的基本概念、安装步骤及语法特性,包括数据类型、接口、类、抽象类、泛型和类型断言等。通过学习,可以理解TypeScript如何作为JavaScript的超集,提升开发效率。
摘要由CSDN通过智能技术生成

1.概述

  • 功能更为强大,生态也更健全、更完善(TypeScript是JavaScript的超集合)
  • 缺点:
    • 语言本身多了很多概念
    • TypeScript属于渐进式
    • 项目初期,TypeScript会增加一些成本

2.安装

  • 安装之前所需要的配置
    • 安装node,校验:node-v
    • 确保有npm,校验:npm-v
  • 全局安装TypeScript:npm install -g typescript
    • 校验:tsc -v
  • 在项目中安装TypeScript:
    • 初始化项目 yarn init --yes
    • 安装到项目也可以全局安装 yarn add typescript --dev
    • 运行.ts文件 yarn tsc .\src\index.ts
    • tsc作用:负责将ts代码转为浏览器和nodejs识别的就是代码
    • 文件后缀名:.ts
  • 自动编译项目
    • 运行 yarn tsc --init 创建 tsconfig.json 文件
    • 修改tsconfig.json文件,设置js文件夹"outDir": “./js/”,
    • 设置vscode监视任务,之后修改项目中的ts自动生成js
  • 提示中文报错信息 yarn tsc --locale zh-CN

3.语法

  • 数据类型 非严格模式默认允许为空<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值