TypeScript介紹:
TypeScript 是一種由微軟開發的自由和開源的編程語言。它是 JavaScript 的一個超集,
TypeScript 在 JavaScript 的基礎上添加了可選的靜態類型和基於類的面向對象編程。
TypeScript和JavaScript的對比
TypeScript 與JavaScript兩者的特性對比,主要表現為以下幾點:
- TypeScript是一個應用程序級的JavaScript開發語言。(這也表示TypeScript比較牛逼,可以開發大型應用,或者說更適合開發大型應用)
- TypeScript是JavaScript的超集,可以編譯成純JavaScript。這個和我們CSS離的Less或者Sass是很像的,我們用更好的代碼編寫方式來進行編寫,最后還是有好生成原生的JavaScript語言。
- TypeScript跨瀏覽器、跨操作系統、跨主機、且開源。由於最后他編譯成了JavaScript所以只要能運行JS的地方,都可以運行我們寫的程序,設置在node.js里。
- TypeScript始於JavaScript,終於JavaScript。遵循JavaScript的語法和語義,所以對於我們前端從業者來說,學習前來得心應手,並沒有太大的難度。
- TypeScript可以重用JavaScript代碼,調用流行的JavaScript庫。
- TypeScript提供了類、模塊和接口,更易於構建組件和維護
本人喜歡用微軟得vscode作為開發工具,以此為例,搭建分為四步windows系統:
1.安裝node環境(之前文章有,或者百度一大堆)
安裝成功后 在命令行中執行node -v
npm -v
分別出現對應的版本號說明node安裝成功
2.安裝TypeScript包
在命令行窗口輸入如下命令:
npm install typescript -g
tsc --version
3.編寫helloworld程序
在程序文件夾內初始化項目
npm init -y
創建tsconfig.json
文件
tsc --init
安裝@types/node
npm install @types/node --dev-save
編寫HelloWorld.ts
文件,然后進行保存
var a:string = "HelloWorld" console.log(a)
在Vscode的任務菜單下,打開運行生成任務
,然后選擇tsc:構建-tsconfig.json
,這時候就會生成一個helloWorld.js文件
在終端中輸入node helloWorld.js
就可以看到結果了