ts轉(zhuǎn)js方法
- 一似踱、安裝node.js
- 二盾舌、安裝TypeScript
- 三墓臭、(手動(dòng)) 轉(zhuǎn)換ts文件為js文件
- 四、(自動(dòng)) 轉(zhuǎn)換ts文件為js文件(vscode舉例)
- 五妖谴、結(jié)束語(yǔ)
一窿锉、安裝node.js
node下載地址:https://nodejs.org/zh-cn/
ps:也可以直接在電腦管家軟件商店下載。
安裝node膝舅,可以一直點(diǎn)擊下一步進(jìn)行安裝嗡载。
二、安裝TypeScript
(1)安裝好node后仍稀,打開電腦的cmd小黑窗洼滚,或者Powershell 窗口。
(2)輸入指令:npm install -g typescript
即可技潘。
三遥巴、(手動(dòng)) 轉(zhuǎn)換ts文件為js文件
(1)找到ts文件的存儲(chǔ)路徑。按住shift鍵享幽,然后鼠標(biāo)右鍵铲掐,選擇在此處打開Powershell 窗口。使用編輯器的話值桩,可以直接打開終端迹炼,同理。
(2)輸入 tsc xxx.ts
(輸入需要轉(zhuǎn)為js的ts文件名+后綴)。
(3)然后在當(dāng)前路徑里查看斯入,會(huì)出現(xiàn)一個(gè)和ts文件名字一樣的js文件砂碉,到這就成功轉(zhuǎn)為js了。
(4)若是偶爾ts轉(zhuǎn)一下js刻两,那么看到這里就已經(jīng)可以滿足你的需求了增蹭。若是長(zhǎng)期使用ts進(jìn)行編寫代碼,那么你可以看看下面的方法磅摹。
四滋迈、(自動(dòng)) 轉(zhuǎn)換ts文件為js文件(vscode舉例)
(1)在文件所在目錄,打開Powershell 窗口或者小黑窗户誓。使用編輯器的話饼灿,可以直接打開終端,同理帝美。
(2)輸入 tsc --init
赂弓,會(huì)生成一個(gè)tsconfig.json文件用踩。
(3)打開tsconfig.json文件惕虑,然后修改"outDir": "存放生成的js的存儲(chǔ)路徑"
义屏,下圖中的意思是:在當(dāng)前目錄創(chuàng)建一個(gè)js文件夾,用來(lái)存放生成的js文件舰褪。
[圖片上傳失敗...(image-9e9179-1625020039653)]
(4)確定之后皆疹,在vscode中,選擇終端占拍,然后選擇運(yùn)行任務(wù)略就,會(huì)自動(dòng)檢測(cè)生成如下圖的任務(wù),點(diǎn)擊它晃酒,進(jìn)行任務(wù)監(jiān)聽表牢。
(5)監(jiān)聽后,可以直接寫ts代碼掖疮,按下保存后,會(huì)自動(dòng)更新生成js代碼颗祝。
本文轉(zhuǎn)自鏈接:https://blog.csdn.net/weixin_46752896/article/details/105269878