一、我们为什么要使用Ts?
- 静态类型检查: Typescript 提供了静态类型检查,可以在编译阶段就发现一些潜在的错误,提高代码质量和可维护性。
- 渐进式采用:Typescript是JavaScript的超集,这意味着可以逐步将JavaScript代码转换为Typescript,而不需要重新编写整个项目。
- Typescript对JavaScript的语法进行了扩展和改进,例如支持类、接口、泛型等,使得代码更加规范化和易于维护。
- 社区支持:Typescript由微软开发并支持,并且在GitHub上拥有庞大的社区,提供了许多库和工具,以及对新功能的快速反应。
不管是我们去面试,还是企业使用的项目甚至于框架(vue3等)都越来越爱使用Typescript,ts必然会是未来的趋势
那么什么是Ts?
typescript是js的超集,主要学习ts里面的原始类型、字面量类型、数组类型、函数类型、类类型、接口类型、类型别名、联合与交叉类型、枚举类型、泛型等类型元素,以及类型推断、类型断言、类型缩小、类型放大等特性。
更加严谨。编写代码的时候静态类型的校验。
二、如何使用ts?
我们使用cmd(命令提示符)输入
npm i -g typescript@4.5.2
在项目文件夹中执行tsc -init表示ts初始化项目
tsc -init
编译当前项目文件夹的ts文件到指定的目录下:
tsc -p tsconfig.json
开启服务,监听编译当前项目文件夹的ts文件到指定的目录下:
tsc -p tsconfig.json --watch
如果你使用的是vs的话,你可以直接打开终端,然后执行
tsc -w
也可以帮我们打开监听。
注意:我们跑ts代码其实去运行是通过开始监听后它为我们生成的js代码,未来方便编译,我们需要修改tsconfig.json文件
这个文件是自动给我们生成的,我们需要修改outDir,让它的路径改成你想要的路径,接下来生成的js会给我们放到指定位置
End
完成上述操作,我们就开启了自己的ts之旅了,如果你想接着学习后面的内容可以给这个专栏点个关注,TypeScript从0基础到项目实战我的每一篇文章都会发在这个专栏里,如果觉得对你帮助可以点赞收藏,关注作者。