TypeScript是JavaScript類型的超集乃秀,它可以編譯成純JavaScript。
TypeScript可以在任何瀏覽器乃戈、任何計算機和任何操作系統(tǒng)上運行屡立,并且是開源的直晨。
http://www.typescriptlang.org/
這是來自官方的介紹。
TypeScript (以后簡稱TS) 是微軟的一個產品膨俐。
個人使用感覺:TS讓JS的書寫更為規(guī)范了勇皇。在學習上會存在一點門檻,但在日常開發(fā)和維護中焚刺,TS能讓我們更舒服敛摘。
現(xiàn)在很多熱門前端項目也轉用TS了,比如Vue乳愉、Angular等兄淫。
想要了解更多TS的介紹屯远,可以去TS官網(wǎng)查閱。
眾所周知捕虽,瀏覽器能運行HTML慨丐、CSS和JS,但現(xiàn)在很多瀏覽器如果需要運行TS泄私,還是需要進行編譯的房揭。
官網(wǎng)上給出一個安裝命令。使用 npm 進行安裝晌端。
1捅暴、
使用 npm
,需要先在電腦上安裝 node 環(huán)境【Node.js】環(huán)境安裝及簡單運行
2咧纠、
使用 npm
進行安裝
## Windows版
npm install -g typescript
## Mac版(因為用了 -g 命令進行全局安裝蓬痒,所有要這前面寫上 sudo)
sudo npm install -g typescript
## 然后輸入電腦密碼進行安裝(Windows版沒有這步)
## 如果嫌安裝速度慢,可以使用淘寶提供的npm鏡像漆羔。
## 在上面的命令后面加一個 空格梧奢。
## 然后在空格后面加上下面這句命令,然后按回車即可钧椰。
--registry=https://registry.npm.taobao.org
3粹断、
編譯
這個例子中,創(chuàng)建了2個 ts 文件嫡霞。一個叫“app.ts”,一個叫“test.ts”希柿。
使用以下命令诊沪,逐個編譯文件。
## 首先進入到上面文件的目錄(cd xxxxxx)
tsc app.ts
tsc test.ts
使用上面的命令曾撤,可以逐個編譯ts文件端姚。但一個項目通常是不止一個ts文件的。如果每次都需要逐個編譯挤悉,開發(fā)成本也太大了渐裸。
所以還有以下方法。
## 首先進入到上面文件的目錄(cd xxxxxx)
## 使用下面這句命令装悲,會生成一個 tsconfig.json 文件昏鹃。
## tsconfig.json文件會記錄所有ts的相關配置和所有 ts 文件。
tsc --init
## 在生成了 tsconfig.json 后诀诊,使用下面的命令就可以把項目中所有 ts 文件轉換成 js 文件洞渤。
tsc
如果不希望每次都通過敲命令的方式去編譯的話,可以使用編輯器的插件∈舭辏現(xiàn)在很多編輯器都會提供各種各樣的插件载迄,我習慣使用 VSCode 這款編輯器讯柔。所以我以 VSCode 為例。
打開 VSCode 的插件庫护昧,搜索 TypeScript Auto Compiler 安裝即可魂迄。
然后每次保存 ts 文件,都會在同級目錄中生成一個對應的 js 文件惋耙。
現(xiàn)在vue极祸、react等前端框架都提供了腳手架,通常使用腳手架開發(fā)的話是不需要這么麻煩的了怠晴,在打包時腳手架就會把 ts 轉換成 js遥金。