Typescript（一）简单的介绍及安装

TypeScript 是由微软公司在 2012 年正式发布，现在也有 8 年的不断更新和维护了，TypeScript 的成长速度是非常快的，现在已经变成了前端必会的一门技能。

TypeScript 其实就是 JavaScript 的超集，也就是说 TypeScript 是建立在 JavaScript 之上的，最后都会转变成 JavaScript。

一：编辑器

我这里推荐使用微软的vscode编辑器，目前，无论是开发PHP，前端，python基本上都是在使用这款编辑器。

主要是他同时支持windows，linux，和mac系统。

说回typescript，其和vscode同样由微软开发，兼容性相对会更好。

VSCode 上有很多专门为 TypeScript 专门作的语法适配，所以在编写时就会轻松快乐起来。

二：安装typescript

1：安装node

官方网址：https://node.js.org

下载你要的版本，一路下一步就好了。

安装成功之后，在终端中输入node -v，如下图所示：

2：全局安装 typeScript

你要使用 TypeScript 先要在你的系统中全局安装一下TypeScript，这里你可以直接在 VSCode 中进行安装，安装命令要使用 npm ，不能使用 yarn

npm install typescript -g  # 用这个
yarn global add typescript  # 不要用这个

这里有一个小小的坑需要注意一下。

我在使用yarn安装成功之后，无法使用tsc命令。

三：编译运行ts文件

选择一个空目录，创建demo1.ts

function test()
{
    let str:string = "hello world";
    console.log(test);
}
 
test();

运行demo1.ts文件

node demo1.ts

使用这个命令会报错，我们并不能直接使用node来运行ts文件

我们需要先将ts文件转换成js文件之后，在使用node执行。命令如下：

tsc demo1.ts # 这个命令会生成一个demo1.js文件
node demo1.js # 执行js文件

四：使用ts-node执行typescript文件

上边的步骤运行ts文件是没有问题的，但是相对来讲比较麻烦。

我们这里使用ts-node插件执行ts文件一步就可以了。

1：安装ts-node

npm install -g ts-node

2：使用

ts-node demo1.ts

以上大概就是安装及使用的过程。

有好的建议，请在下方输入你的评论。

欢迎访问个人博客
https://guanchao.site

欢迎访问小程序：