TypeScript环境搭建操作步骤是什么

Admin 2022-07-05 群英技术资讯 505 次浏览

这篇文章主要介绍了TypeScript环境搭建操作步骤是什么相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇TypeScript环境搭建操作步骤是什么文章都会有所收获,下面我们一起来看看吧。



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

TypeScript环境搭建

第一步:下载淘宝镜像

先检查自己有没有成功安装npm

有npm还不行,还要下载cnpm,命令如下(直接复制粘贴):

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

下载好之后,会显示成这样。

第二步:下载TypeScript

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

npm 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。

解决方法

以管理员身份运行vscode。

然后输入在终端输入:

set-executionpolicy remotesigned

就不会报错了

ps:下面看下vscode 执行typescript文件的方法。

1、在vscode 控制台 执行 tsc xxx.ts 命令转换成 xxx.js

2、执行 node xxx.ts 会输出结果


上述内容具有一定的借鉴价值,感兴趣的朋友可以参考,希望能对大家有帮助,想要了解更多"TypeScript环境搭建操作步骤是什么"的内容,大家可以关注群英网络的其它相关文章。 群英智防CDN,智能加速解决方案

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

猜你喜欢

成为群英会员,开启智能安全云计算之旅

立即注册
专业资深工程师驻守
7X24小时快速响应
一站式无忧技术支持
免费备案服务
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
在线客服
微信公众号
返回顶部
返回顶部 返回顶部
在线客服
在线客服