TypeScript的编译环境

TypeScript最终会被编译成JavaScript来运行，所以我们需要搭建对应的环境：

我们需要在电脑上安装TypeScript，这样就可以通过TypeScript的Compiler将其编译成JavaScript；

安装命令

npm install typescript -g

tsc --version

如果我们每次为了查看TypeScript代码的运行效果，都通过经过两个步骤的话就太繁琐了：

第一步：通过tsc编译TypeScript到JavaScript代码；

第二步：在浏览器或者Node环境下运行JavaScript代码；

是否可以简化这样的步骤呢？

比如编写了TypeScript之后可以直接运行在浏览器上？

比如编写了TypeScript之后，直接通过node的命令来执行？

上面我提到的两种方式，可以通过两个解决方案来完成：

方式一：通过webpack，配置本地的TypeScript编译环境和开启一个本地服务，可以直接运行在浏览器上；

方式二：通过ts-node库，为TypeScript的运行提供执行环境；

方式一：webpack配置

方式一在之前的TypeScript文章中我已经有写过，如果需要可以自行查看对应的文章； mp.weixin.qq.com/s/wnL1l-ERj…

方式二：安装ts-node

另外ts-node需要依赖 tslib 和 @types/node 两个包：

现在，我们可以直接通过 ts-node 来运行TypeScript的代码：

使用ts-node

npm install ts-node -g

npm install tslib @types/node -g

ts-node math.ts

我们已经强调过很多次，在TypeScript中定义变量需要指定标识符的类型。

所以完整的声明格式如下：

声明了类型后TypeScript就会进行类型检测，声明的类型可以称之为类型注解；

比如我们声明一个message，完整的写法如下：

注意：这里的string是小写的，和String是有区别的

string是TypeScript中定义的字符串类型，String是ECMAScript中定义的一个类

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第34天，点击查看活动详情