「第1篇」TypeScript在Eclipse安裝詳細教程

1、前言

TypeScript是一種由微軟開發的自由和開源的程式語言。它是JavaScript的一個超集,而且本質上向這個語言添加了可選的靜態型別和基於類的面向物件程式設計。安德斯·海爾斯伯格,C#的首席架構師,已工作於TypeScript的開發。2012年十月份,微軟釋出了首個公開版本的TypeScript,2013年6月19日,在經歷了一個預覽版之後微軟正式釋出了正式版TypeScript 0。9,向未來的TypeScript 1。0版邁進了很大一步。

2、背景

TypeScript 起源於開發應用程式規模的 JavaScript 應用程式的需求。Microsoft 的語言開發者們說內部以及外部的客戶都表示他們構建 JavaScript 程式碼的問題。

很多最終依賴於 JavaScript 的開發者通常用編譯為 JavaScript 程式碼的另一種語言寫指令碼,例如 CoffeeScript 和 Script# (讀作 ScriptSharp)。一個明顯的劣勢是也許無法從那另一種語言使用任何 JavaScript 的具體的語言特性,如果那種語言不支援它的話。在 Microsoft 內部,它導致了自定義工具以簡化 JavaScript 元件的編寫的需求。

3 特性

TypeScript 是一種給 JavaScript 新增特性的語言擴充套件。

型別批註和編譯時型別檢查

類 Classes

介面 Interfaces

模組 Modules

型別註解 Type annotations

編譯時型別檢查 Compile time type checking Arrow 函式 (類似 C# 的 Lambda 表示式)

語法上,TypeScript 很類似於 JScript 。NET,另外一個添加了對靜態型別,經典的面嚮物件語言特性如類,繼承,介面和名稱空間等的支援的 Microsoft 對 ECMA-262 語言標準的實現。

4 工具

TypeScript 編譯器,名稱叫 tsc, 是用可以被編譯為可以被執行在任何 JavaScript 引擎中,在任何宿主 - 如瀏覽器 - 中的常規 JavaScript 的 TypeScript 寫的。編譯器包被綁定於一個可以執行編譯器的指令碼宿主。使用 Node。js 作為宿主的 Node。js 包同樣可以獲得 也有用 JavaScript 寫的客戶端編譯器的一個 alpha 版本,它在頁面載入時,實時執行 JavaScript 程式碼。這種編譯器的當前版本預設支援 ECMAScript 3。一個選項是允許以 ECMAScript 5 為目標以利用該版本獨有的語言特性。類,儘管是 ECMAScript 6 標準的一部分,在這兩個模式下都可用。

IDE 和編輯器支援 Microsoft為 Visual Studio 2012 和

WebMatrix

提供了一個外掛,也為

Sublime Text

Emacs

Vim

提供了基本的文字編輯器支援。[ 線上的 Cloud9 IDE也支援

TypeScript

JetBrains

也計劃在他們的 IDE 系列中支援

TypeScript

, 而且已經發行了具有部分支援的

PhpStorm 6

WebStorm 6

預覽版本。

5 開源

TypeScript 是開源的,其原始碼可以在 Apache 2 License 下層 CodePlex 獲得。這個專案由 Microsoft 維持,但是任何人可以透過經 CodePlex 專案頁傳送反饋,建議和 bugfixes 而做出貢獻

6 、安裝準備設定網路代理

1)步驟——window ——>>NetWork Conntions

2)開啟QQ IP代理找一個網速快的IP設定,

建議使用美國的。

7、Nodejs下載與安裝

http://nodejs。org/download/

8 、Eclipse下的typescript外掛

http://eclipse-update。palantir。com/eclipse-typescript/

注意:

1)不要勾選Enable typeScript Builder,勾選了這個它不會幫你生成js檔案

2)勾選Disable typeScript Builder即可

「第1篇」TypeScript在Eclipse安裝詳細教程

線上安裝ts

「第1篇」TypeScript在Eclipse安裝詳細教程

設定Nodejs

「第1篇」TypeScript在Eclipse安裝詳細教程

typeScript編譯設定

「第1篇」TypeScript在Eclipse安裝詳細教程

ts檔案

「第1篇」TypeScript在Eclipse安裝詳細教程

啟用typeScript

「第1篇」TypeScript在Eclipse安裝詳細教程

設定代理

「第1篇」TypeScript在Eclipse安裝詳細教程

9、typescript官方

http://www。typescriptlang。org/(官方網址)

http://www。typescriptlang。org/Tutorial/(官方例子)

總結與感想

文章是本人2014年撰寫,而GItHub的原始碼是有些是2014年與2015年進行整理,由於在2013年專案接觸TypeScript,同時在當年接觸KendoUI開發的時候TypeScript的影子,故一年後決定把官方文件所有API文件認真琢磨了一遍,並且撰寫成一本最全的中文TypeScript入門指南詳解案例教程與程式碼,當初的下載量還是比較高的。由於最近接觸Kotlin,自從學習TypeScript,它的語法對我後面學習Kotlin有了極大的幫助,個人感覺,它的語法跟ActionScript,Swift寫法很像。故雖然好幾年沒怎麼開發前端,由於它的重要性特意重新花點進行整理這門前端語言。