windows谷歌浏览器vue如何调试

86次阅读
没有评论

共计 620 个字符,预计需要花费 2 分钟才能阅读完成。

这篇文章主要介绍“windows 谷歌浏览器 vue 如何调试”的相关知识,丸趣 TV 小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“windows 谷歌浏览器 vue 如何调试”文章能帮助大家解决问题。

谷歌浏览器 vue 调试方法介绍:

1、首先我们需要打开 Visual Studio Code 工具,使用 git 命令下载一个 Vue 项目。

2、执行 npm install 命令安装相关依赖包,然后使用项目运行命令,开始启动项目。

3、在启动项目时候,打开谷歌浏览器控制台,可以防线在上面没有 Vue 选项出现。

4、等待项目启动完毕。再次打开页面,这时候可以看见谷歌浏览器上面出现 Vue 按钮。

5、点击上方 Vue 按钮,可以查看到有关 Vue 的相关版本以及相关事件和属性。

6、再次返回到 Visual Studio Code 工具,打开一个 vue 页面代码,在一个按钮事件中添加 debugger 字样。

7、再次返回谷歌浏览器中,在上方找到 Sources 选项。然后找到对应的代码并打上断点。

8、点击右侧断点的情况页面,发现没有进入到断点中。

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

10、这时候发现页面上方出现断点调试图标,点击图标,然后进行一步步调试。

关于“windows 谷歌浏览器 vue 如何调试”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注丸趣 TV 行业资讯频道,丸趣 TV 小编每天都会为大家更新不同的知识点。

正文完
 
丸趣
版权声明:本站原创文章,由 丸趣 2023-07-19发表,共计620字。
转载说明:除特殊说明外本站除技术相关以外文章皆由网络搜集发布,转载请注明出处。
评论(没有评论)