TypeScript之環境搭建


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就可以看到結果了

   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM