TypeScript从0基础到项目实战:第一章什么是Ts,如何使用?

320 阅读2分钟

一、我们为什么要使用Ts?

  1. 静态类型检查: Typescript 提供了静态类型检查,可以在编译阶段就发现一些潜在的错误,提高代码质量和可维护性。
  2. 渐进式采用:Typescript是JavaScript的超集,这意味着可以逐步将JavaScript代码转换为Typescript,而不需要重新编写整个项目。
  3. Typescript对JavaScript的语法进行了扩展和改进,例如支持类、接口、泛型等,使得代码更加规范化和易于维护。
  4. 社区支持: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会给我们放到指定位置

图片.png

End

完成上述操作,我们就开启了自己的ts之旅了,如果你想接着学习后面的内容可以给这个专栏点个关注,TypeScript从0基础到项目实战我的每一篇文章都会发在这个专栏里,如果觉得对你帮助可以点赞收藏,关注作者