TypeScript簡介

TypeScript 是 JavaScript 的一個超集，支持 ECMAScript 6 標準。TypeScript 由微軟開發(fā)的自由和開源的編程語言。

始于JavaScript，歸于JavaScript

TypeScript從今天數(shù)以百萬計的JavaScript開發(fā)者所熟悉的語法和語義開始。使用現(xiàn)有的JavaScript代碼，包括流行的JavaScript庫，并從JavaScript代碼中調(diào)用TypeScript代碼。

TypeScript可以編譯出純凈、 簡潔的JavaScript代碼，并且可以運行在任何瀏覽器上、Node.js環(huán)境中和任何支持ECMAScript 3（或更高版本）的JavaScript引擎中。

安裝 Node.js

訪問Node.js官網(wǎng) https://nodejs.org 或中文網(wǎng)站 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環(huán)境變量是否設(shè)置成功.

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文件轉(zhuǎn)換為js文件.

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

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

2.png

安裝 Visual Studio Code

訪問官網(wǎng) https://code.visualstudio.com 下載安裝.
使用VS Code打開ts文件所在目錄, 并打開ts文件HelloWorld.ts, 按快捷鍵"Ctrl+`"打開控制臺,
輸入"tsc HelloWorld.ts" 與 "node HelloWorld.js".

3.png