TypeScript學習: 一、TypeScript的Hello World
阿新 • • 發佈:2021-06-26
一、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檔案