如何用vscode调试ts代码

准备工作：ts下载好，vscode下载好，node下载好，npm包安装好
打开vscode，在拓展商店搜索“Code Runner”，下载好，

编辑器右上角出现这个倒三角型，就OK

然后打开终端窗口，输入

tsc --init

然后回车，这时候文件夹目录下会多一个tsconfig.json文件，打开文件

把"outDir": “./js”, 的注释打开

ok，这时候你所有的ts文件会自动编译成js文件目录下的js文件，选中js文件，然后点击那个小三角就可以运行了。

如果tsc报错：无法加载文件，解决办法如下：

以管理员身份运行vscode。
执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的;
执行：set-ExecutionPolicy RemoteSigned;修改为非禁止的，
这时再执行get-ExecutionPolicy，就显示RemoteSigned;

以管理员身份运行 Windows PowerShell
然后输入在终端输入：set-executionpolicy remotesigned

解决！！！！！！！

如何用vscode调试ts代码相关推荐

vscode调试ts
vscode调试ts vscode无法直接执行ts文件,需要安装typescript,将typescript转化为js,在通过运行转化的js文件来进行调试,生成js文件时要生成对应的.js.map(映 ...
Vscode 调试TS
首先:新建需要调试文件 testdebugger01.ts 修改配置文件 {// 使用 IntelliSense 了解相关属性. // 悬停以查看现有属性的描述.// 欲了解更多信息,请访问: htt ...
使用 vscode 调试前端代码
使用 vscode 调试前端代码今天我们以webpack项目为基础讲解配置复制代码 1. 安装插件 Debugger for Chrome 2. 修改 config/index.js 将devto ...
mac vscode 运行html,【转载】Mac平台上用VSCode调试C++代码
[转载]Mac平台上用VSCode调试C++代码 [转载]Mac平台上用VSCode调试C++代码
VScode调试C++代码时无法查看STL容器(string、vector等）
如下图所示:用VScode调试C++代码时,无法显示我们想要的值. 解决方法:编辑launch.json,加入如下设置: "setupCommands": [{"desc ...
利用vscode调试vue代码
利用vscode调试代码,实测非常好用注意:现在只支持vue2.x. 1.配置launch.json {// 使用 IntelliSense 了解相关属性. // 悬停以查看现有属性的描述.// 欲 ...
如何用浏览器调试js代码,不如先看看如何爬取百度翻译(多图警告)
爬取百度翻译爬取网站四部曲分析 langdetect v2transapi?from=zh&to=en 分析重点请求出现的问题解决问题 js代码调试代码实现注意爬取网站四部曲分析 ...
使用Vscode调试vue代码
如何在 VS Code 中调试浏览器中运行的通过 Vue CLI 生成的 Vue.js 应用程序官网解释先决条件安装了 VS Code 安装扩展 Debugger for Chrome Debug ...
如何使用VScode调试JS代码
首先准备一个test文件夹,文件夹中有test.html文件下载vscode之后,把test文件夹在vscode编辑器中打开,最左侧的菜单选项里会有一个调试的图标,点击[运行和调试]选择[chrom ...

如何用vscode调试ts代码

如何用vscode调试ts代码

如何用vscode调试ts代码相关推荐

最新文章

热门文章