携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第17天,点击查看活动详情
那么我们学习TS的时候,首先要知道ts是如何编译并且运行的,接下来就会介绍TS的编译工具包
-
首先,我们为什么要安装编译TS的工具包? -这是因为Node.js /浏览器,只认识js代码,不认识TS代码,首先需要将TS代码转化为JS代码,然后才可以运行。
-
安装步骤
- 我们先全局安装,按住win+R,输入cmd,打开我们的终端窗口,然后输入安装命令: npm install -g typescript,如下图所示:
这个typescript包就是用来编译TS代码的包,提供了tsc命令,实现了TS到js的转化 那么我们这么检验是否安装成功了呢?我们只需要再在终端窗口里面输入tsc-v,若出现如下图所示的样子,即安装成功
这个数字就是我们typescript的版本号。
- 使用TS
我们在vscode里面新建一个ts文件,名字为hello.ts ,然后在里面输入 console.log('hello ts')完成之后我们打开项目的终端,输入tsc hello.ts ,按下回车即可,然后我们的编译工具包就会把ts文件转化为js文件并且运行,这是同级目录下面就会出现一个同名的js文件。然后我们需要执行js代码,在终端中输入命令node hello.js,然后这个ts项目就运行成功了。
说明:所有合法的js代码都是ts代码,有js基础只需要学习ts的类型即可 注意:用ts编译生成的js文件,代码中就不会再出现类型信息了。
这样我们就安装好了ts编译工具包,也成功的完成了一个ts文件。