更好的方法是使用环境变量来注入地址,以确保模块的正确加载。 在Vscode中,我们可能会发现环境变量未正确注入,导致调试失败。为了解决这个问题,我们可以尝试不同的配置方法,如通过安装TypeScript Debugger插件或手动创建.vscode/launch.json文件来配置调试环境。同时,确保安装了ts-node库并正确配置了环境变量,以便在调试过程...
选择Tasks: Run Build Task,这是vscode将为我们执行整个项目的build和watch任务,在terminal中看到: 发现编译已经没有错误,那么这个时候终于可以进行vscode的debugger的配置了。 点击上图中高亮的那个图标(bug & run),在左侧边Run and Debug下面选择create a launch.json file这个,创建一个可以自定义的lauch.json文件:...
picture 2可以看到执行后直接就开启了 VSCode 的 debug 模式,并且成功在断点出停住。npm script再来试试 npm script 方式,我们先新建一个 package.json,然后在 scripts 中添加一条:"start": "node test.js",随后在 Debug Terminal 执行 npm run start。picture 3注意这次我们使用的是 debugger 来添加断点,...
Visual Studio Code:从 [VSCode 官方网站]( 下载并安装。 接下来,还需要安装 TypeScript: npminstall-gtypescript 1. 创建TypeScript 项目 首先,我们需要一个简单的 TypeScript 项目。你可以使用以下命令创建一个新的项目文件夹: mkdirmy-node-ts-appcdmy-node-ts-appnpminit-y 1. 2. 3. 然后,安装ts-node...
"outFiles"`。创建好`launch.json`后,选择`"ts-node Debugger"`配置,点击运行按钮(F5)或三角形图标开始调试。在需要的地方设置断点,确认断点生效和调试工具栏的显示。通过以上步骤,你应该能成功在VSCode中配置并单步调试TypeScript Node.js项目。完成配置后的体验应该会让你的工作流程更加顺畅。
5.1 VSCode的配置文件 5.1.1 打开setting.json 1.设置--setting 2.输入file,添加需要排除的文件 3.点击右上角的文件图标,打开setting.json 4.编辑setting.json {"typescript.locale": "zh-CN","terminal.integrated.defaultProfile.windows": "Command Prompt","files.exclude": {"**/*.js": {"when":"$...
基于`tsconfig.json`的`outDir`配置填写。最后,运行配置以开始调试,并选择`"ts-node Debugger"`。在VSCode调试控制台显示内容后,可单步执行代码,如在`initDB`函数处设置断点,调试过程至此完成。以上配置提供了一种全面且有效的方式,通过VSCode进行TypeScript Node.js程序的单步调试。
可以看到执行后直接就开启了VSCode的debug模式,并且成功在断点出停住。 npm script 再来试试npm script方式,我们先新建一个package.json,然后在scripts中添加一条:"start": "node test.js",随后在Debug Terminal执行npm run start。 注意这次我们使用的是debugger来添加断点,可以发现同样成功进入断点。
为了描述方便,我们将这里的TypeScript目录,记为{TypeScriptRoot}。 1.2 编译 vscode $ cd{VSCodeRoot}$ yarn $ yarn compile 有些node 版本中yarn会失败,我本机的 node 版本是v10.17.0。 yarn版本是1.22.4。 typescript $ cd{TypeScriptRoot}$ npm i ...
npm script 再来试试npm script方式,我们先新建一个package.json,然后在scripts中添加一条:"start": "node test.js",随后在Debug Terminal执行npm run start。 picture 3 注意这次我们使用的是debugger来添加断点,可以发现同样成功进入断点。 typescript debug ...