TypeScript笔记 —— TypeScript的运行环境

440 阅读1分钟

TypeScript的编译环境

TypeScript最终会被编译成JavaScript来运行,所以我们需要搭建对应的环境:我们需要在电脑上安装TypeScript,这样就可以通过TypeScript的Compiler将其编译成JavaScript。

image.png 我们需要先可以先进行全局的安装:

安装命令

npm install typescript -g

查看版本

tsc --version

TypeScript的运行环境

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

第一步:通过tsc编译TypeScript到JavaScript代码;

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

是否可以简化这样的步骤呢?比如编写了TypeScript之后可以直接运行在浏览器上?比如编写了TypeScript之后,直接通过node的命令来执行?

以上这个问题可以通过两个解决方案来完成:

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

方式二:通过ts-node库,为TypeScript的运行提供执行环境;

使用ts-node

安装ts-node

npm install ts-node -g

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

npm install tslib @types/node -g

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

ts-node math.ts