TypeScript開發(fā)環(huán)境入門

1 TypeScript概述

根據(jù)百度百科定義，TypeScript是微軟開發(fā)的一個(gè)開源的編程語言，通過在JavaScript的基礎(chǔ)上添加靜態(tài)類型定義構(gòu)建而成。它通過TypeScript編譯器轉(zhuǎn)譯為JavaScript代碼，可運(yùn)行在任何瀏覽器，任何操作系統(tǒng)。TypeScript可以看作是JavaScript的一個(gè)超集，本質(zhì)上在JavaScript語言特征上添加了可選的靜態(tài)類型和基于類的面向?qū)ο缶幊?。TypeScript擴(kuò)展了JavaScript的語法，它是為大型應(yīng)用的開發(fā)而設(shè)計(jì)。

TypeScript開發(fā)環(huán)境搭建需要如下兩個(gè)核心步驟：1）npm安裝；2）安裝TypeScript的Visual Studio插件或Visual Studio Code

2 NPM安裝

npm是JavaScript最常用的包管理工具，也是Node.js的默認(rèn)包管理工具。通過npm可以安裝、共享、分發(fā)代碼和管理項(xiàng)目依賴關(guān)系。由于TypeScript需要通過npm安裝，而npm依賴于Node.js，因此第一步就是先安裝Node.js環(huán)境。Node.js發(fā)布于2009年5月，Node.js由Ryan Dahl開發(fā)，實(shí)質(zhì)是對(duì)Chrome V8引擎進(jìn)行了封裝。我們可以在https://nodejs.org官網(wǎng)上下載最新的版本。如果需要下載之前的版本，可以在https://nodejs.org/en/download/releases/中進(jìn)行下載。這里我們下載Node.js 10.13.0進(jìn)行安裝。如圖所示。

在命令行工具中輸入node -v和npm -v查看是否安裝成功，如果安裝成功會(huì)顯示版本號(hào)，如下圖所示。

注意：npm 的包安裝分為本地安裝（local）和全局安裝（global）兩種，從命令來看，差別只是有沒有-g而已。例如npm install express -g表示全局安裝，如果不帶-g表示本地安裝。

在命令行工具界面輸入命令npm install -g typescript全局安裝typescript，稍等片刻，等待安裝完成后，用命令tsc -v查看其版本號(hào)來驗(yàn)證是否安裝成功，如下圖所示。

npm默認(rèn)鏡像是國外的地址，速度可能會(huì)比較慢，或者無法下載包。建議將包倉庫地址配置為國內(nèi)鏡像，如npm淘寶鏡像。修改npm的鏡像可以用如下語句完成。

//持久使用 npm config set registry https://registry.npm.taobao.org //驗(yàn)證是否成功 npm config get registry

3 Visual Studio插件安裝

由于TypeScript語言是微軟公司開發(fā)的，因此勢必在其IDE Visual Studio上進(jìn)行集成。 Visual Studio 2017和Visual Studio 2015 Update 3默認(rèn)包含TypeScript。

Visual Studio是一個(gè)完整的集成開發(fā)工具，提供了一站式開發(fā)工具集合，它能夠支持現(xiàn)在IT行業(yè)上主流的編程語言。它包括了整個(gè)軟件生命周期中所需要的大部分工具，如UML建模工具、代碼管理工具、代碼編輯和調(diào)試，程序測試和程序發(fā)布等。Visual Studio所寫的目標(biāo)代碼適用于微軟支持的所有平臺(tái)。

Visual Studio版本很多，其中Visual Studio Community為社區(qū)版，適用于學(xué)生、開源和個(gè)人。該版本有相對(duì)完備的免費(fèi)IDE，可用于開發(fā) Android、IOS、Windows 和 Web 的應(yīng)用程序。

如果在安裝Visual Studio的時(shí)候未安裝TypeScript工具，后續(xù)仍可以通過下載插件TypeScript SDK for Visual Studio 進(jìn)行安裝。在彈出的【擴(kuò)展和更新】界面，通過在右邊的文本框輸入typescript進(jìn)行聯(lián)網(wǎng)搜索，找到對(duì)應(yīng)版本的TypeScript SDK for Visual Studio，這里選擇TypeScript 3.3.1 for Visual Studio 2017，單擊【下載】進(jìn)行插件下載，如圖所示。

下載完成后，雙擊TypeScript_SDK.exe文件進(jìn)行TypeScript環(huán)境安裝，在彈出的安裝界面上單擊【Install】完成安裝，如圖所示。

TypeScript SDK安裝完成后，并沒有包含創(chuàng)建TypeScript項(xiàng)目的模板，因此還需要通過擴(kuò)展和更新界面安裝TypeScript HTML Application Template插件，單擊【下載】進(jìn)行聯(lián)網(wǎng)下載并完成安裝，如圖所示。

至此通過Visual Studio安裝TypeScript相關(guān)插件來搭建開發(fā)環(huán)境就完成了。

JavaScript Node.js TypeScript

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。