粉丝2986获赞2.3万

上期视频,我们在 windows 里面用 vs code 编写了 typescrap 的第一个程序,那么我们编译 ts 代码的时候用的是手动的方式,今天的话我们来聊一下另外一种方式,就是自动的方式,好,我们先打开 f 盘, 好,我们用上一期我们的那个 hollow water 的代码来进行演示,我们进到 hollow water 文件夹里面来,我们点开,好,在路径这里我们输入 c, m, d, 我们用那个 v s code 来打开,我们在每一行输入 code 空格点好,敲回车, 好, vs pro 打开了,那么这个是我们上一期的那个代码,那么我们是编写了一个 html 文件,然后我们通过 html 文件调用那个 gs, gs 的话,我们是通过那个 ts 编译来的,那么我编译的话,上一期我们用的是 tsc 来进行编译,那么我们现在再看一下,好,我们先把这个 gs 给他删掉, 号码的删除掉。好,我们先手动冰一下,看一下 t s c hello, 点 t s, 好,我们看一下那个我们生成的 g s 文件,那么 g s 文件在这里。好,我们现在进行下一步操作,那么我改一下那个我们的那个 t s 代码,我们在后面加一个杠杠 二零二五,好,保存一下,保存以后呢,我们看一下我们的 g s 代码,那么 g s 代码是没有改变的,那么我们 t s 代码是已经改了,那么这个时候我们要在下面进行重新编译。 t s c, hello, t s, 好,我们敲回 车,我们看一下。哦,这里我们输错了,我们重新输一下 tsc, hello, 点 ts, 好,敲回车, 好,编译完成了,我们回来看一下,那么我们的这一个 gs 里面,这里的代码是跟 ts 里面是一样的了,那么相当于说我们手动编译的话,就是我每次编写完代码以后,我们在下面都要进行那个手动来进行编译一下,那么这个是比较麻烦的,那么有另外一种方法是自动编译,就是我们把 ts 文件 并且完成以后,按 ctrl s 保存以后,那么代码就自动编译成那个 gs 的了。那么首先的话,我们在命令行输入那个 tsc 杠杠 init, 好,那么我们这里多了一个 t s config 那么一个配置文件。好,那么现在我们来进行下一步操作,就是我们输入 t s c 杠杠 watch, 好,把它那 个启动起来,好,那这里就开始今天我们的那个代码了。好,我们现在来改动一下代码,我们写一下杠杠零幺零幺,好,保存一下。好,我们过来看一下这里。 好,那么这里的话他是不是自动就变异过来了?我们没有在下面进行其他操作,那么再改一个,再加一个 ctrl lg, 好,打印二零二五杠零幺杠,零幺, 好,那么我们先看一下 g s 这里,那么它是没有进行编译的,那我们在这里 ctrl s, 好,我们看一下这里是不是它自动就过来了,那么这里的话是加了那个银格模式,就是使用银格模式,就是有什么,呃,就是问题的话,它提示出来,那么我们这里的话是银格模式,那么这里的话暂时不用管它。 接下来我们看另外一种情况,我写一个错的代码,比如说是 a b c, 然后按 ctrl s 保存一下, 好,我们看一下是不是 a b c 也过来了,但是 a b c 过来以后,它是一个错的代码,那么这种情况下呢,就是我们不管是正确还是错误的代码,他都会编译到这边来,那么如果是有错误的话,我们就呃把它设置成不要编译到那个 gs 里面来,不然会影响我们的那个调试。好了,我们把这里给他呃回来看一下, 那么可不可以就是我们设置成就是只有代码正确的时候再编译到这边来,那么他代码有错误的话,就不要把错误的代码编译到这里来了,那么这个是可以的,那么我们点开这一个 tsc config 这一个阶层的配置文件,点开我们往下找, 好,我们找到一个 iro 的一个啊,上面应该是在, 那么是这里,那么这里的话就是相当于是他有错误的话就不提交了,那么我把这个注视给他取消, 就是奇效。以后我们按 ctrl s 保存一下,然后呢我们把这个先停掉,就是我们的那个 watch 那个监视先给它停掉, ctrl c 把它停掉,然后我们回到那个代码里面来,那我们把它骑起来, tsc 杠杠 watch, 好,敲回车。 好,这里的话我们现在把它删掉,删掉以后我们再来进行那个我们的那个呃兵役看一下,我们先保存,那么这里的话自动就把代码兵役过来,正确代码。好,现在我们来写一个错误的代码,比如一二三,好,我们 ctrl s 保存一下。 耶,他的错误代码也过来了,我们看一下,这里是有错误就不提示哦,在这里 他没有提示,他是一个数字,他没有提示我们写英文的吧,这样好,我们保存一下, 我们先把这个给他取消,然后我们保存一下,我们再过来看。好,过来我们写那个错误的代码,因为一二三的话他是没有报错的,所以他把它定义过去了。好,写 a、 b、 c 的话,我们再保存 好,那么错误代码就没过来了,那么以防万一的话,我们先把这里给他删掉,我们再来看,就是先把这个代码删掉,然后把这个街子文件先把他删掉,然后我们再来看。好,正常情况下是正确的代码。好,是这样的,那么我们看一下,那么他正确代码过来了。好,我们来写一个错误代码, adc, 好,我们 ctrl s 保存一下。好,那么他错误代码是没有过来的,那么一二三的话,他是一个正确代码,他没有报错,在那个就是 ts 里面,那么我把它保存一下。 好,我们看一下,就是他不管正确错误的话,就是只要有错误的代码的时候,他就不往这边变异了。好,我们先把这个给他删掉,我们看一下。好,他是不是过来了,那么我们再整一个错误代码。 好,保存一下。好,他是不是没过来了。错误代码,那么这个的话就是我们在用的时候就是可以。呃,就是有错误代码的话,他就不要兵役,就是不提交的那个 gs 里面来, 那么就是以后我们在编写 typescraft 代码的时候,就可以选择是手动兵役还是那个自动兵役,那么自动兵役的话,我们可以把这一个就是有错误代码的那个。呃,不提交的这一个设置给他起,就是注视取消掉以后呢,咱们把这个给他删掉, 那么实际上在用的时候呢,就看自己的需要,就选择是手动兵役还是自动兵役,手动兵役的话就是代码比较少的话,那么我们就手动兵役,如果代码比较多,我们经常要调试的话呢,就用这个自动兵, 也就是两步就是一个 tsc 杠杠,英尼特启用监视的话就是 tsc 杠杠 watch。 然后呢我们可以把这个就是有错误的话不提交代码的这一个形象给他配置出来,那么到时候就可以根据自己的需要来选择了。


在学习 type of script 之前,我们先来给大家做一个 t s。 的整体介绍, 我们先来认识一下什么是 type script。 说起 type script, 我们必须得先聊一聊 javascript。 javascript 在引入编程社区这二十多年来呢,现在已经成为有史以来应用最为广泛的跨平台语言之一了。 javascript 最初是一种用于像我们网页里边添加一些微不足道的交互性的小型的教文语言。现在呢,已经发展成为各种规模的前端和后端应用程序的首选语言了。 虽然我们用 javascript 编写程序的大小范围和复杂性呈指数级的增长,但是 是 javascript 委员表达不同代码单元之间的关系的能力却没有,这就使得我们 javascript 开发成为一项难以大规模管理的任务。 那程序员编写最常见的错误类型呢?就是类型错误,也就是在预期不同类型纸的地方使用了某种类型的纸。 这个错误可能是因为很多的原因导致的,比如可能是由于简单的拼写错误以及无法理解酷的 api 而导致的错误,或者是对运行时的行为的错误假设等等。 那该如何解决这个问题呢?现在流行的解决方案就是 type scrip, 大家看到 ppt 上的这张图就是 type script logo。 type script 的目标就是成为 javascript 程序的静态类型检查器,换句话说是一个在代码运行之前运行的工具,我们可以叫它静态编译, 并且呢能够确保我们程序的类型正确或叫做类型检查。那 type script 是由微软开发的自由和开源的编程语言,它是 javascript 的一个超级, 而且本质上像这个语言添加了可选的静态类型和基于类的面相对象编程等等。 type scribb 是一种非常受欢迎的 javascrib 语言扩展,它在现有的 javascrib 语法之上加入了类型检查这一层,而这一层即使被删除,也丝毫 不会影响运行时的原有表现。在 npm 网站上面, typescript 下载量每年都在翻倍。截止二零二一年十二月一日,它的每周的下载量已经超过了两千两百万次。 而在去年十二月,这一数字约为一千两百万字。他仍将保持着高速的增长趋势,没有任何放缓的迹象。 从二点零版本开始, type script 每两个月会定期发布一个 release。 但是现在呢,它放缓了发布节奏,改为每三个月发布一次, 其中花一个月的时间来编写新的 features 并发布 bet 版本。剩下两个月对 bet 版本进行测试和 bug 修复,这就是的后续的发布 更加稳定。综上所讲呢, type of script 不是 javascript 的替代品,而是会使 javascript 前进的步伐更坚实,更遥远。

