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

?摘要


今天分享下 —— 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

?最后

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

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


版权声明:本文为Mrs_chens原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。