前言：要想搭建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 会输出结果

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

猜你喜欢

• jQuery中实现在最后增加一行内容的方法是什么

  jquery在最后增加一行信息的方法：1、使用“$(元素)”语句匹配想要增加信息的元素对象；2、利用append()方法在元素的最后增加一行信息，语法为“元素对象.append("要增加的信息");”。

• JavaScript数组里splice方法有何用，用法是什么

  删除，可以删除任何数量的项目。只需指定两个参数。要删除的第一项的位置和要删除的项目数。插入，指定位置插入任意数量的项目。更换，可以将任意数量的项插入指定位置，同时删除任意数量的项。

• vue框架中怎么制作圆形下载进度条

  本文主要介绍了vue + element-ui + springboot 实现文件下载进度条展现功能，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• 用JS如何制作列表循环播放的效果

  这篇文章主要为大家详细介绍了js实现列表自动滚动循环播放，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• JS中如何实现一个简单的支付倒计时，方法是什么

  这篇文章主要为大家详细介绍了javaScript实现支付10秒倒计时，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下