TypeScript 安装

🌙
手机阅读
本文目录结构

TypeScript 安装

本文介绍 TypeScript 环境的安装。

我们需要使用到 npm ,你需要安装Node.js;

如果你还不了解 npm,可以参考我们的 NPM 教程

NPM 安装 TypeScript

如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装:

npm install -g typescript

https://a.axihe.com/edu/typescript/WtlnAXD8hI.png

安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号:

$ tsc -v
Version 3.9.7

https://a.axihe.com/edu/typescript/5iveSknA9c.png

我当时操作的时间是2020年8月12日,你看到这篇文章的时候,可能过去很久了,版本会与我截图中的不一致,但是没有关系的,完全不影响本教程的阅读;

测试安装结果

然后我们新建一个 axihe.ts 的文件,代码如下:

var message:string = "Hello World"
console.log(message)

通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。

然后执行以下命令将 TypeScript 转换为 JavaScript 代码:

tsc axihe.ts

https://a.axihe.com/edu/typescript/dfnEFnBsQ9.png

这时候再当前目录下(与 axihe.ts 同一目录)就会生成一个 axihe.js 文件,代码如下:

var message = "Hello World";
console.log(message);

使用 node 命令来执行 axihe.js 文件:

$ node axihe.js
Hello World

https://a.axihe.com/edu/typescript/Ct5PxHLsin.png

TypeScript 转换为 JavaScript 过程如下图:

https://a.axihe.com/edu/typescript/0K1nD9oy0a.png

本教程使用VSCode

很多 IDE 都有支持 TypeScript 插件,如:Visual Studio,Sublime Text 2,WebStorm / PHPStorm,Eclipse 等。

本章节主要介绍 VS Code; 如果你还不了解VSCode,可以查看本站的 VSCode 教程

Visual Studio Code(国内一般都不喊全名,都是简称 VS Code),是一个由微软开发,同时支持 Windows 、 Linux 和 macOS 操作系统的开放代码编辑器。

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了