Windows10系统上配置TypeScript开发环境

TypeScript简介

TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。TypeScript 由微软开发的自由和开源的编程语言。

始于JavaScript，归于JavaScript

TypeScript从今天数以百万计的JavaScript开发者所熟悉的语法和语义开始。使用现有的JavaScript代码，包括流行的JavaScript库，并从JavaScript代码中调用TypeScript代码。

TypeScript可以编译出纯净、 简洁的JavaScript代码，并且可以运行在任何浏览器上、Node.js环境中和任何支持ECMAScript 3（或更高版本）的JavaScript引擎中。

安装 Node.js

访问Node.js官网 https://nodejs.org 或中文网站 http://nodejs.cn, 选择Windows (x64)版本 "Download 10.16.0 LTS".

下载成功后, 双击"node-v10.16.0-x64.msi"安装, 一路"next"即可.

按快捷键"Win+R", 输入"cmd", 打开控制台, 输入命令"node -v"与"npm -v", 查看Node.js环境变量是否设置成功.

1.png

安装TypeScript编译器

在控制台中输入"npm install -g typescript"安装TypeScript编译器.
安装成功后输入"tsc -v", 查看TypeScript的版本号.

第一个TypeScript程序, HelloWorld.ts

function hello(name: string): string {
    return `hello, ${name}`;
}

console.info(hello('TypeScript'));    

在控制台中输入"tsc HelloWorld.ts --outFile HelloWorld.js", 将ts文件转换为js文件.

function hello(name) {
    return "hello, " + name;
}
console.info(hello('TypeScript'));

再输入"node HelloWorld.js", 成功输出"hello, TypeScript".

2.png

安装 Visual Studio Code

访问官网 https://code.visualstudio.com 下载安装.
使用VS Code打开ts文件所在目录, 并打开ts文件HelloWorld.ts, 按快捷键"Ctrl+`"打开控制台,
输入"tsc HelloWorld.ts" 与 "node HelloWorld.js".

3.png