TypeScript环境搭建

Posted 2021-03-03 yyfh

前言

TypeScript是微软开发的一门自由和开源的编程语言,TypeScript是javascript的一个超集，他保留JavaScript语言本身的特性,同时他向我们提供了一些语法糖帮助我们方便更好的实践面向对象编程。

同时利用他我们可以使JavaScript开发变得更简单，同时他更符合前端模块化的开发，更是一个工程化的开发.

安装环境

1、安装Nodejs

安装下载地址NodejsDownLoads

2、安装TypeScript

npm install -g typescript

通过npm包管理工具进行全局安装TypeScript环境，安装后我们可通过如下代码片段进行测试

fenghuideMacBook-Pro:~ fenghui$ tsc -v
Version 3.8.3
fenghuideMacBook-Pro:~ fenghui$ 

HelloWord

新建文件夹ts创建一个名hello.ts的文件编写代码如下所示

console.log("hello word")

我们在通过如下命令进行执行

tsc hello.ts

执行后我们可以发现他会形成一个以hello形成的js文件

同时打开js文件我们可以看到两个文件里面内容是相同的，因为我们并没有使用ts相关的语法.

我们再通过ts语法进行继续演示

比如说我们进行创建一个字符串类型，我们将1赋值给str可以清晰的看到智能感知提示我们不能将类型1分配给类型string，通过这段提示我们可以发现ts对这些操作的严谨性。

那么我们需要将1改成字符串类型

var str:string="1";

执行如上代码后，我们再进行查看js文件如下所示