2. 创建一个简单的 JavaScript 项目 接下来,创建一个新的目录并在其中创建index.js文件,写一些简单的 JavaScript 代码。 在你的命令行中运行: mkdirmy-js-debuggercdmy-js-debuggertouchindex.js 1. 2. 3. 用你喜欢的代码编辑器打开index.js文件,写入以下代码: // index.jsfunctiongreet(name){return`Hello,...
1,用来调试js 一:在左侧扩展中搜索Debugger for Chrome并点击安装: 二:在自己的html工程目录下面点击f5,或者在左侧选择调试按钮 ,在上方 ,选择下拉按钮,会有一个添加,选择chrome 3:之后会出现laungh.json的配置文件在自己的项目目录下面 4:不过对于不同的代码文件要调试的话,每次都需要修改一下配置文件 { "versi...
1. 打开VS Code并安装相关插件:打开VS Code并在插件市场搜索”JavaScript Debugger”或”Node.js”等相关插件,并安装相应的插件。 2. 创建JavaScript文件:在VS Code中创建一个JavaScript文件,将你的代码复制粘贴到文件中。 3. 在代码中添加断点:在你想要设置断点的行上单击编辑器的左侧栏,或者使用快捷键”Ctrl + ...
使用VSCode调试JavaScript文件非常简单。下面是一些步骤: 1. 安装必要的工具:首先,你需要安装VSCode编辑器和Node.js。在安装VSCode之后,你可以从VSCode的扩展商店中安装调试器扩展,如Debugger for Chrome或Node.js调试器。 2. 创建JavaScript文件:在任意位置创建一个.js后缀的JavaScript文件。 3. 打开文件:使用VSCode打开...
打断点,用 javascript debugger terminal 执行 dev,开启我们的调试; fork vite repository & git clone Fork repository 后可以在源码中随便添加注释(⚠️ 注意是在源码中,不要在构建之后的代码写过多的注释。这样即使不小心执行了 pnpm build,注释还是能够保留)。
注意这次我们使用的是debugger来添加断点,可以发现同样成功进入断点。 typescript debug 不止于此,我们再试试typescript,新建一个test.ts,然后通过npx tsx test.ts启动。 可以发现typescript一样可以成功调试。 webpack 上面都属于比较简单的场景,实际场景我们可能经常会在打包或写单测时遇到一些问题需要调试。现在我们先...
发现编译已经没有错误,那么这个时候终于可以进行vscode的debugger的配置了。 点击上图中高亮的那个图标(bug & run),在左侧边Run and Debug下面选择create a launch.json file这个,创建一个可以自定义的lauch.json文件: 本项目该文件的内容配置如下: {
将debugger 附在在某个正在运行的nodejs进程的做法有很多,最好用的就是设置成在用--inspector--inspect-brk运行程序时自动attach。 首先要在.vscode/settings.json中加入以下2个设置: { "debug.node.autoAttach": "on", "debug.javascript.autoAttachFilter": "onlyWithFlag" ...
其实,如果你用的是 WebStorm 编辑器,会有更和简单的调试方法,如下: 在被测试的文件上点击右键, 然后选择Run ‘xxx.js’或者Debug ‘xxx.js’; WebStorm单文件调试1 Run ‘xxx.js’: 只运行该JS文件,不能设置断点; Debug ‘xxx.js’: 可以通过编辑器 或 JS中的debugger命令设置断点; ...
VSCode 进入调试模式,选择附加于已启动的 Node 服务器(insepect 模式)。终端中显示Debugger attached信息。 在VSCode 编辑中加断点(或者在 Chrome 浏览器的 DevTools 中加断点),刷新网页进行断点调试。 2人点赞 Javascript 笔记 更多精彩内容,就在简书APP