如何用vscode调试ts代码

如何用vscode调试ts代码

准备工作:ts下载好,vscode下载好,node下载好,npm包安装好
打开vscode,在拓展商店搜索“Code Runner”,下载好,
如何用vscode调试ts代码_第1张图片
编辑器右上角出现这个倒三角型,就OK
如何用vscode调试ts代码_第2张图片
然后打开终端窗口,输入

tsc --init 

如何用vscode调试ts代码_第3张图片
然后回车,这时候文件夹目录下会多一个tsconfig.json文件,打开文件
如何用vscode调试ts代码_第4张图片

把"outDir": “./js”, 的注释打开
如何用vscode调试ts代码_第5张图片
ok,这时候你所有的ts文件会自动编译成js文件目录下的js文件,选中js文件,然后点击那个小三角就可以运行了。
////////////////////////////////////////////////////////////////////////
如果tsc报错:无法加载文件,解决办法如下

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

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

解决!!!!!!!

你可能感兴趣的:(typescript,vscode调试ts代码)