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

  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的调试方法介绍。更多资讯请继续关注我们~

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