1. 程式人生 > 其它 >TypeScript學習: 一、TypeScript的Hello World

TypeScript學習: 一、TypeScript的Hello World

一、typeScript 介紹

  1、typeScript 是一種由微軟開發的開源程式語言

  2、TypeScript 是JavaScript的超集,遵循最新的ES6,ES5規範, TypeScript 擴充套件JavaScript的語法

  3、TypeScript 與後端語言java、C# 面嚮物件語言相像, 可以樣js 開發大型的企業專案

  4、谷歌的Angular2.x+就是基於TypeScript語法

  5、最新的VUE、React 也可以整合TypeScript

  6、Nodejs 框架 NestJs、midway中用的就是TypeScript語法

  TypeScript 包括 ES6 --- ES6 包括 ES5

二、typeScript的安裝和編譯

  1、安裝

  在使用npm 命令之前電腦要先安裝好nodejs

npm install -g typescript

或者

cnpm install -g typescript

或者

yarn global add typescript

  如果電腦沒有安裝過cnpm , 安裝cnpm

  

npm install -g cnpm --registry=https://registry.npm.taobao.org

  如果電腦沒有安裝過yarn, 安裝 yarn

npm install -g yarn

或者

cnpm install 
-g yarn

  在執行好(安裝好)typeScript 之後, 要重新開啟新的命令視窗, 檢查是否安裝成功

  開啟新的命令視窗 輸入 tsc -v 如果顯示了typeScript的版本號, 已經安裝成功了

  

  2、執行

    開啟VS程式碼編輯器 -新建檔案 ts

  開啟終端執行

輸入 tsc 1.ts 注意要在當前檔案目錄下輸入tsc

執行成功後會生成一個js檔案

3、自動編譯TS程式碼

在需要自動編譯的目錄下開啟cmd, 或者cd到對應的目錄, 輸入 tsc --init

  

回車, 等待生成tscconfig 檔案

  開啟生成檔案修改 輸出路徑

修改完成, 儲存

開啟VS程式碼編輯器,選擇 頂部的終端, 選擇執行,點選typeScript

選擇監視

自動生成了js資料夾和js檔案