TypeScript 系列(基础零):如何利用vscode运行ts代码?

导读:本篇文章讲解 TypeScript 系列(基础零):如何利用vscode运行ts代码?,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

📖摘要


今天分享下 —— TypeScript 系列(基础零):如何利用vscode运行ts代码? 的一些基本知识,欢迎关注!

本文介绍 如何利用vscode运行ts代码?。

我们需要使用到 npm 工具安装,如果你还不了解 npm,可以参考:windows安装node.js用npm安装vue


🌂分享

首先下载 typescript,过程不用说了吧

打开 win+r,输入 cmd,打开控制台,cd进入该文件夹,在控制台输入

tsc --init

生成一个 tsconfig.json 文件在这里插入图片描述

打开 json 文件,取消 outDir 的注释,指的是编译到的路径,新建一个文件夹 js 存放编译后的 js

"outDir": "./js", 

然后

在这里插入图片描述

在这里插入图片描述
如果有以下报错

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

错因分析:

  • 执行:get-ExecutionPolicy,显示 Restricted,表示状态是禁止的;
  • 执行:set-ExecutionPolicy RemoteSigned ;修改为非禁止的,
  • 这时再执行 get-ExecutionPolicy ,就显示 RemoteSigned;

解决方法

  • 以管理员身份运行 vscode
  • 否则会报错:以管理员身份运行”选项启动 Windows PowerShell

然后输入在终端输入:

set-executionpolicy remotesigned

🎉最后

  • 更多参考精彩博文请看这里:《陈永佳的博客》

  • 喜欢博主的小伙伴可以加个关注、点个赞哦,持续更新嘿嘿!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/97435.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!