TypeScript+Vue3.0X集成开发

本文介绍了TypeScript的基本概念,包括其作为JavaScript超集的优势,如类型检查和约束类型。讨论了在大型项目和组件化开发中使用TypeScript的益处,并提供了在Vue3.0项目中集成TypeScript的建议。内容涵盖TypeScript的基础类型、类型断言、接口、泛型、Class类,以及在Vue3.0中的应用。
摘要由CSDN通过智能技术生成

 

TypeScript 中文手册 - TypeScript 中文手册 (bootcss.com)

 技术选型:

TypeScript及TypeScript在vue3.0项目中的基本使用_vue3 typescript_Jeasu_0908的博客-CSDN博客

一、 TypeScript是什么


TypeScript 是一种由微软开发的自由开源的编程语言,主要提供了类型系统和对 ES6的支持。它是JavaScript的一个超集,扩展了JavaScript的 语法,因此现有的 JavaScript 代码可与TypeScript 一起工作无需任何修改。

TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript可以运行在任何浏览器上。 TypeScript 是 Angular2、vue3的开发语言
 

三、 为什么要用TypeScript

(一)类型检查,语法提示

在TS中允许你为变量指定类型。当你给已定义类型的变量赋值的时候,值的类型不对,便会有错误提示

(二)约束类型,减少不必要的代码逻辑

(三)代码重构

Typescript 支持类型最大的好处是可读性。 类型可以给开发者更多的信息,是最有价值的文档。类型很好的体现了代码即文档这一思想。

四、 TypeScript开发的使用建议


是否使用ts来开发项目?或者说ts有必要吗?----- 根据开发场景,怎么方便怎么来

开发条件:

大型项目,代码量较多
进行封装,组件化开发的时候(有一定开发基础)
开发团队中至少一半的成员对ts要有基本的了解,至少有一个成员对ts相关知识点很熟悉
影响:

对前端来说,需要理解接口(Interfaces)、泛型(Generics)、类(Classes)、枚举类型(Enums)等可能不是很熟悉的知识点,有一定的学习成本。
 

ty的作用:

  1. 基本类型的介绍与适用场景

  2. 交叉和联合类型

  3. 类型检查机制:推断、断言、保护和守卫

  4. 全局类型、类型引入

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值