1. 打开WebStorm,并加载Vue项目。2. 点击WebStorm右上角的“Run/Debug Configurations”按钮(或使用快捷键Alt+Shift+F10),在弹出的窗口中选择“+”号,添加一个新的JavaScript Debug配置。3. 在配置窗口中,选择“Browser/Live Edit”作为调试类型,并选择你要使用的浏览器(如Chrome、Firefox等)。如果你使用...
1.打开项目,并保证可以正常启动vue项目 2.设置信息: --remote-allow-origins=* --remote-debugging-port 3.终端启动项目: 得到访问地址http://192.168.4.130:1799/ 4.配置启动项 5.配置浏览器 6.输入启动项监听的路径 配置浏览器之后 7.点击debug方式运行...
在helloworld.vue中添加一个按钮和方法,用来测试debug 8、webstorm设置浏览器 image.png 注: 1、这里可能会出现不管你选择什么,最后启动项目的时候都是弹框出IE浏览器,所以,建议直接把系统中的IE卸载掉 2、在后面安装好chrome插件后,项目debug时弹出的浏览器,不是这里配置好的本地浏览器,而是webstorm自带的默认浏...
你的Vue应用将在默认的开发服务器上启动,通常是在 http://localhost:8080。查看输出: 项目运行时的输出和任何错误信息都会出现在WebStorm的 "Run" 工具窗口中。访问应用: 打开你的浏览器并访问 http://localhost:8080 来查看你的Vue应用是否成功运行。这些步骤应该可以帮助你在WebStorm中顺利运行已有的Vue项目。
本文介绍如何通过在WebStorm里打断点来调试Vue项目。 WebStrom配置 1.设置调试端口 File=> Settings=> Build,Execution,Deployment=> Debugger=> Build-in Server=> Port 默认是:63342 非必要无需修改它。若非要修改,不要改为8080等影响正常业务的端口。
JavaScript file: 选择Vue项目的入口文件,例如src/main.js。 Environment variables: 可以设置一些环境变量,例如NODE_ENV=development。 点击OK保存配置。 现在,我们可以开始调试了。在WebStorm的顶部菜单中,选择Run->Debug 'Vue Debug'。这会打开一个新的浏览器窗口,并在控制台中输出调试信息。
在WebStorm的右上角,有一个绿色的虫子图标,这就是调试启动按钮。点击它,然后选择要运行的调试配置(通常是默认的JavaScript Debug),然后点击OK即可启动调试。此时,浏览器会自动打开,并加载Vue项目。5. 进行调试 当代码执行到断点处时,会暂停执行。此时,我们可以查看变量的值、调用栈等信息。同时,WebStorm还...
1. 打开WebStorm,并加载Vue项目。 2. 点击WebStorm右上角的“Run/Debug Configurations”按钮(或使用快捷键Alt+Shift+F10),在弹出的窗口中选择“+”号,添加一个新的JavaScript Debug配置。 3. 在配置窗口中,选择“Browser/Live Edit”作为调试类型,并选择你要使用的浏览器(如Chrome、Firefox等)。如果你使用的是...
1. 打开WebStorm,并加载Vue项目。 2. 点击WebStorm右上角的“Run/Debug Configurations”按钮(或使用快捷键Alt+Shift+F10),在弹出的窗口中选择“+”号,添加一个新的JavaScript Debug配置。 3. 在配置窗口中,选择“Browser/Live Edit”作为调试类型,并选择你要使用的浏览器(如Chrome、Firefox等)。如果你使用的是...
1. 打开WebStorm,并加载Vue项目。 2. 点击WebStorm右上角的“Run/Debug Configurations”按钮(或使用快捷键Alt+Shift+F10),在弹出的窗口中选择“+”号,添加一个新的JavaScript Debug配置。 3. 在配置窗口中,选择“Browser/Live Edit”作为调试类型,并选择你要使用的浏览器(如Chrome、Firefox等)。如果你使用的是...