如何用vscode调试ts代码

如何用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

解决!!!!!!!

猜你喜欢

转载自blog.csdn.net/liupengxunzhuanshu/article/details/107820953