TypeScript环境搭建,并且部署到VSCode(亲测有效)

前言:要想搭建TypeScript,那么就要有npm,要想有cnpm,那么就得有node环境。要是都有了的话,那么接下来,往下看。

TypeScript环境搭建

第一步:下载node和淘宝镜像

参考文章:安装node和cnpm教程 https://blog.csdn.net/TroyeSivanlp/article/details/121297856

第二步:下载TypeScript

在命令窗口输入(直接复制粘贴):

cnpm install -g typescript

下载好了是这样。
请添加图片描述
查看版本号:

tsc -v

这样ts就完全整好了。
请添加图片描述

部署到VSCode

先创建一个文件夹tsDemo,

在tsDemo文件夹下创建一个demo.ts文件,写上内容。。
接着,在命令窗口上跳转到该tsDemo文件夹位置上,

在这里插入图片描述
然后需要在这个位置上生成一个tsconfig.json文件。
直接复制这个命令:

tsc --init

然后就会在tsDemo文件夹下生成tsconfig.json文件。

修改tsconfig.json配置

把tsDemo文件夹拖拽到vsCode上去。,找到tsconfig.json,
把我选中的这一行的注释去掉,保存,
在这里插入图片描述
然后选中ts文件,点击:终端=>运行生成任务。点击tsc:监听
在这里插入图片描述
接着就会在终端生成js文件夹,里面有由ts文件编译生成好的js文件。
大功告成,给自己鼓掌啊🎉🎉🎉
在这里插入图片描述

可能会遇到的报错
tsc : 无法加载文件 C:\Users\JMQ\AppData\Roaming\npm\tsc.ps1,
因为在此系统上禁止运行脚本。有关详细信息,请参阅 
https:/go.microsoft.co m/fwlink/?LinkID=135170 中的 about_Execution_Policies。

解决方法

  1. 以管理员身份运行vscode。
    在这里插入图片描述

然后输入在终端输入:

set-executionpolicy remotesigned

就不会报错了

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

咖啡壶子

你的鼓励奖是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值