chrome浏览器调试,谷歌浏览器插件

　　在使用vue.js框架开发一个项目的过程中，需要调试代码，可以使用谷歌Chrome Vue的插件vue-DevTools。但是，很多用户不知道如何调试Vue。边肖整理出了具体的操作步骤。接下来就来看看吧~

　　【谷歌Chrome常见问题汇总】

　　Google浏览器vue调试方法介绍：

　　1.首先，我们需要打开Visual Studio代码工具，并使用git命令下载一个Vue项目。

　　2.执行npm install命令安装相关的依赖包，然后使用project run命令启动项目。

　　3.启动项目时，打开谷歌Chrome控制台，上面没有Vue选项。

　　4.等待项目开始。再次打开页面。这时，你可以在谷歌Chrome上看到Vue按钮。

　　5.点击上面的Vue按钮，可以查看Vue的相关版本，相关事件和属性。

　　6.再次返回Visual Studio代码工具，打开一个vue页面代码，并在按钮事件中添加单词debugger。

　　7.再次返回谷歌浏览器，找到顶部的源选项。然后找到对应的代码破解。

　　8.点击右边的断点信息页面，发现没有输入断点。

　　9.点击相关断点图标激活断点，然后点击下图所示的按钮进入调试阶段。

　　10.这时页面上方出现断点调试图标，点击图标，然后一步一步调试。

　　你可能还想知道：谷歌浏览器adobe flash player已被屏蔽解决方案谷歌浏览器突然打不开网页解决方案

　　以上是Google浏览器vue的调试方法介绍。更多资讯请继续关注我们~

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。