Typescript环境安装

前言

TypeScript是JavsScript的超集,即在JavaScript的基础上发展起来的,TypeScript不过是添加了一些新的特性。那JavaScript原本是一种用在浏览器中的语言,即它的运行环境原本就是web浏览器。后来发展着发展着,JavaScript也能在其他系统中运行了,这个过程就要借助Node.js了。但是web浏览器等不能直接支持TypeScript,所以在TypeScript运行之前要先转换成JavsScript。

上述内容简单的介绍了一下TypeScript的历史和JavaScript的关系,那么对于TypeScript代码的运行,我们就可以概括成下面的这张图:



安装软件

根据上图,我们就能够大概知道学习TypeScript的环境大概要安装哪些内容了:

1. 首先是Node.js,这个是TypeScript的运行环境之一,安装网址点这里:Node.js (nodejs.org)

2. 安装TypeScript:当安装完Node.js后,我们可以使用Node.js的包管理工具:npm,安装TypeScript。打开cmd, 输入以下命令

npm i -g typescript



3. ide工具,编写TypeScript代码的工具,这个就比较多了,做数据的人应该都听说过python,python的IDE工具也可以用来编写TypeScript, 还有微软的vscode等等,这个就不多介绍了。

验证是否安装成功

1. 验证Node.js 是否安装成功

在cmd命令窗口中输入> node -v,如果能输出node的版本号,说明安装成功了,如下图:



2. 验证TypeScript是否安装成功

在cmd命令窗口输入> tsc -v , 如果能输出版本号,说明Typescript安装成功。如下图:



编写第一段TypeScript代码

在编写第一段代码时,回忆一下本文的第一张图,TypeScript 的运行环境是Node.js或者浏览器,但是它们并不直接支持TypeScript,而是首先要将TypeScript代码编译成javaScript代码,才能在Node.js或者浏览器中运行。所以运行一段TypeScript代码的流程如下:



1. 转换过程,利用 tsc 文件名.ts 执行转换 ,例如:tsc .\1_chapter.ts

2. 执行过程,利用 node 执行js文件输出结果,例如:node .\1_chapter.js

比如,利用TypeScript向世界问好!



简化执行

为了不用每次执行TypeScript代码都要先编译再执行,可以安装一个 ts-node包,这样就可以直接使用ts-node命令执行就可以了

安装ts-node : npm i -g ts-node



参考网址:

bilibili.com/video/BV1K

好了,我是BISeven,欢迎与我进行交流

编辑于 2021-12-16 21:06