Typescript 開發環境安裝、Node.js安裝以及輸出HelloWorld


1.為什么要學習Typescript 語言呢

  原因很簡單,當然是為了工作呀,因為工作使我接觸到了Typescript語言,感覺它比較像C#、Java 這樣面向對象的語言,由於最近在使用它開發項目所以系統學習一下,在此記錄一下學習過程。

2.Typescript 語言百度百科介紹

  TypeScript是一種由微軟開發的自由和開源的編程語言。它是JavaScript的一個超集,而且本質上向這個語言添加了可選的靜態類型和基於類的面向對象編程。TypeScript還遵循ES6、ES5規范,同時因為是Javascript 的超集,當然可以無縫編譯成Javascript 語言,使得它具備開發大型項目的能力。Typescript 中文網傳送門:https://www.tslang.cn/

3.Typescript 開發環境安裝(windows系統)

  (1).先安裝Node.js 環境

   百度打開Node.js官網https://nodejs.org/en/ ,下載LTS版本安裝

    檢查Node.js 安裝是否成功:快捷鍵 win+R 打開運行面板輸入命令 cmd打開命令窗口 輸入命令:node -v  查看Node.js版本號 ,npm -v 查看npm 版本號,如果看到版本號代                表安裝成功了,若沒有則表示安裝不成功

  (2)安裝Typescript 

    在剛才的命令窗口輸入命令 npm install typescript -g 進行安裝,然后等待安裝完成

    檢查是否安裝成功 輸入命令 tsc -version 若看到版本號則代表安裝成功,否則不成功

4.老規矩,輸出 Helloword

   (1)選擇IDE工具,可以選擇VSCode 或HBuilder.這里使用VSCode IDE工具,VSCode 安裝過程直接百度下載安裝就行

    (2)初始化項目 ,本地新建一個空文件夾,VSCode 打開空文件夾, VSCode-->查看-->終端 ,然后在終端運行命令 tsc --init 就會自動生成 tsconfig.json 文件

    (3)自動編譯.ts文件,將 tsconfig.json 文件中的一個注釋的參數改為 "outDir": "./js", 表示自動將ts文件編譯生成到文件js文件下

     

    VSCode--> 終端-->運行任務   選擇tsc:監視-tsconfig.json 文件,然后會生成一個js文件夾,寫ts文件保存以后就可以自動編譯成js文件了。

    編寫一個ts文件,保存后編譯成js文件,然后執行命令 node  js/xxx.js 表示運行js文件下剛編譯成的js文件就會輸出HelloWorld。

 


免責聲明!

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



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