TypeScript 安装
TypeScript 安装
本文介绍 TypeScript 环境的安装。
我们需要使用到 npm ,你需要安装Node.js;
如果你还不了解 npm,可以参考我们的 NPM 教程
NPM 安装 TypeScript
如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装:
npm install -g typescript
安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号:
$ tsc -v
Version 3.9.7
我当时操作的时间是2020年8月12日,你看到这篇文章的时候,可能过去很久了,版本会与我截图中的不一致,但是没有关系的,完全不影响本教程的阅读;
测试安装结果
然后我们新建一个 axihe.ts
的文件,代码如下:
var message:string = "Hello World"
console.log(message)
通常我们使用 .ts
作为 TypeScript 代码文件的扩展名。
然后执行以下命令将 TypeScript 转换为 JavaScript 代码:
tsc axihe.ts
这时候再当前目录下(与 axihe.ts
同一目录)就会生成一个 axihe.js
文件,代码如下:
var message = "Hello World";
console.log(message);
使用 node 命令来执行 axihe.js
文件:
$ node axihe.js
Hello World
TypeScript 转换为 JavaScript 过程如下图:
本教程使用VSCode
很多 IDE 都有支持 TypeScript 插件,如:Visual Studio,Sublime Text 2,WebStorm / PHPStorm,Eclipse 等。
本章节主要介绍 VS Code; 如果你还不了解VSCode,可以查看本站的 VSCode 教程
Visual Studio Code(国内一般都不喊全名,都是简称 VS Code),是一个由微软开发,同时支持 Windows 、 Linux 和 macOS 操作系统的开放代码编辑器。