进入vue-devtools-master->shells->chrome,配置manifest.json文件。 右击打开manifest.json文件找到persistent将状态改成true(默认false) 然后打开chrome浏览器将它添加到拓展程序中。 打开谷歌浏览器设置***——>扩展程序 点击加载已解压的扩展程序 进入vue-devtools-master->shells->chrome,选择chrome文件夹。 最后在浏览...
1.搜索极简插件 2.搜索插件名字 3.下载安装插件 4.下载解压后拖入拓展程序管理界面 5.点击详情进行相关设置 6.启动你的项目即可使用 貌似要处于开发模式才能启用,随便打开一个网页是不生效的,即在项目启动后的界面才可使用。 评论 赞与转发 0 0 0
第四步:打开Chrome浏览器, 把 扩展程序中的开发者选项打开, 然后把 shell > chrome 这个文件夹整个拖进浏览器页面. 第五步: 现在 运行一个 Vue 项目后, 打开浏览器, 就可以使用 Vue Devtools 了
chrome设置——>扩展程序——>打开开发者模式——>加载已解压的扩展程序——>选中下载路径的vender包(vue-devtools\vender),打开chrome右上角会有个发绿的“V”的vue标志(发灰的话是vue.js not detected,没有检测到vue,找个有vue的页面打开即可)。 二、vue3.o安装, 直接再应用应用商店搜索,devtools,点击添加ch...
6.进入shell文件夹,将构建出的chrome文件夹拖到chrome拓展程序页,点击确认,成功添加新的拓展程序。 使用 1.使用之前必须对vue项目进行相关设置,在Vue加载之后设置立即设置Vue.config.devtools = true, 2.chrome浏览器按f12,即可看到vue菜单, 3,点击vue菜单,即可看到左侧组件嵌套情况,右侧则可选择查看组件,vuex数据仓...
cnpm run build 成功之后谷歌地址栏输入chrome://extensions/直接进入扩展程序加载shells->chrome文件,安装成功如图所示: image.png ctrl+R重新加载,启动一个vue项目,打开控制台,还是没看到vue-devtools工具的话关掉谷歌浏览器再打开就可以了 image.png 注意:首先需要安装了node,npm,cnpm,vue-cli ...
浏览器中输入“chrome://extensions”,进入程序扩展界面,点击选中右侧的”开发者模式“选项; 在其下边弹出的界面中点击”加载已解压的扩展程序..."按钮: 在弹出的弹窗中选择插件解压的目录,选择chrome目录,如下图所示: 点击确定,能看到右上角扩展程序这里已经多了一个vue-devtools扩展程序图标了: ...
4. 执行`npm run build`命令进行构建。5. 打开Chrome浏览器，通过浏览器选项菜单找到“更多工具”并点击“拓展程序”。6. 进入项目构建出的chrome文件夹，将生成的Chrome插件文件拖至浏览器的拓展程序页面并确认安装。使用指南 1. 在Vue项目中进行相关设置，通过`Vue.config.devtools = true`在Vue加载...
如果安装Vue DevTools调试浏览器时出现「已停用不支持的扩展程序」的情况请按照以下步骤操作 1. 打开谷歌浏览器找到扩展程序 2. 复制图片中的ID 4. 打开访达(Finder),点击前往文件夹,输入地址~/Library/Application Support/Google/Chrome/Default/Extensions点击回车进入 5. 在此文件夹中找到与刚才复制ID名称相同的...
如果安装Vue DevTools调试浏览器时出现已停用不支持的扩展程序情况请按照以下步骤操作 打开谷歌浏览器找到扩展程序 复制图片中的ID 打开访达(Finder),点击前往文件夹,输入地址~/Library/Application Support/Google/Chrome/Default/Extensions点击回车进入 在此文件夹中找到与刚才复制ID名称相同的文件夹 ...