前言：要想搭建TypeScript，那么就要有npm，要想有cnpm，那么就得有node環(huán)境。要是都有了的話，那么接下來(lái)，往下看。

TypeScript環(huán)境搭建

第一步：下載淘寶鏡像

先檢查自己有沒(méi)有成功安裝npm

有npm還不行，還要下載cnpm，命令如下（直接復(fù)制粘貼）：

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

下載好之后，會(huì)顯示成這樣。

第二步：下載TypeScript

在命令窗口輸入（直接復(fù)制粘貼）：

npm install -g typescript

下載好了是這樣。

查看版本號(hào)：

tsc -v

這樣ts就完全整好了。

部署到VSCode

先創(chuàng)建一個(gè)文件夾tsDemo，

在tsDemo文件夾下創(chuàng)建一個(gè)demo.ts文件，寫上內(nèi)容。。
接著，在命令窗口上跳轉(zhuǎn)到該tsDemo文件夾位置上，

然后需要在這個(gè)位置上生成一個(gè)tsconfig.json文件。
直接復(fù)制這個(gè)命令：

tsc --init

然后就會(huì)在tsDemo文件夾下生成tsconfig.json文件。

修改tsconfig.json配置

把tsDemo文件夾拖拽到vsCode上去。，找到tsconfig.json，
把我選中的這一行的注釋去掉，保存，

然后選中ts文件，點(diǎn)擊：終端=>運(yùn)行生成任務(wù)。點(diǎn)擊tsc:監(jiān)聽(tīng)

接著就會(huì)在終端生成js文件夾，里面有由ts文件編譯生成好的js文件。
大功告成，給自己鼓掌啊🎉🎉🎉

可能會(huì)遇到的報(bào)錯(cuò)

tsc : 無(wú)法加載文件 C:\Users\JMQ\AppData\Roaming\npm\tsc.ps1，
因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本。有關(guān)詳細(xì)信息，請(qǐng)參閱
https:/go.microsoft.co m/fwlink/?LinkID=135170 中的 about_Execution_Policies。

解決方法：

以管理員身份運(yùn)行vscode。

然后輸入在終端輸入：

set-executionpolicy remotesigned

就不會(huì)報(bào)錯(cuò)了

ps：下面看下vscode 執(zhí)行typescript文件的方法。

1、在vscode 控制臺(tái) 執(zhí)行 tsc xxx.ts 命令轉(zhuǎn)換成 xxx.js

2、執(zhí)行 node xxx.ts 會(huì)輸出結(jié)果

到此這篇關(guān)于TypeScript環(huán)境搭建并且部署到VSCode的詳細(xì)步驟的文章就介紹到這了,更多相關(guān)TypeScript環(huán)境搭建內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論