-
谷歌浏览器vue调试,谷歌浏览器vue调试方法介绍
- 作者:朱玺凤 分类:电脑技术 发布时间:2021-02-16 19:56:00
我们在使用vue.js框架开发项目过程中,需要进行代码调试,可以借助于谷歌浏览器vue插件vue-devtools。但是有不少用户不知道该如何进行Vue调试,小风详细收拾了一下具体的操作步骤,接下来一起来看看吧~ 【谷歌浏览器常见问题汇总】 谷歌浏览器vue调试方法介绍: 1、首先我们需要打开Visual Studio Code工具,使用git命令下载一个Vue项目。 2、执行npm install命令安装相关依赖包,然后使用项目运行命令,开始启动项目。 3、在启动项目时候,打开谷歌浏览器控...
我们在使用vue.js框架开发项目过程中,需要进行代码调试,可以借助于谷歌浏览器vue插件vue-devtools。但是有不少用户不知道该如何进行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、这时候发现页面上方出现断点调试图标,点击图标,然后进行一步步调试。
以上就是谷歌浏览器vue调试方法介绍了,更多相关信息可以继续关注电脑系统吧哦~
猜您喜欢
- 夸克浏览器被限制访问?这几种方法帮..2024-04-07
- Edge浏览器提示:文件类型危险,如何..2024-04-07
- Edge浏览器PDF打不开?试试这个解决教..2024-04-06
- 如何设置Edge浏览器主页,让你的浏览..2024-04-05
- 如何关闭浏览器自动登录功能:百分浏..2024-04-05
- 谷歌访问助手用不了?你可能不知道的..2024-04-05
相关推荐
- 怎么在小米手机恢复出厂设置后找回公..2023-10-11
- 电脑iis:轻松找到并开启神秘之门..2024-03-10
- 主板销量排行_主板销量排名2020..2021-06-04
- 电脑bios的csm是什么意思 csm支持开启还..2023-11-06
- 电脑开机之后卡在开机LOGO画面的原因..2021-03-02
- 期期中彩票购彩教程分享..2017-07-26