谷歌浏览器安装vue-devtools插件

桌面新建一个文件夹,进入这个文件夹后按住shift+鼠标右键,选择在此处打开命令窗口,

输入命令npm i vue-devtools,安装完成后进入node_modules文件夹下的vue-devtools文件夹,将vender文件拖至谷歌浏览器的扩展程序中(谷歌浏览器右上角三个点的图标=>更多工具=>扩展程序=>打开开发者模式=>加载已解压的扩展程序)

进入vender下的manifest.json文件,修改persistent为true,保存

F12打开控制台

谷歌浏览器安装vue-devtools插件相关推荐

谷歌浏览器安装Vue Devtools
Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码. 1.首先在github下载devtools源码,地 ...
安装Vue Devtools调试工具插件
Vue Devtools是Vue官方推出的浏览器插件,可以算是Vue开发调试神器,它可以让你能够在浏览器实时的编辑数据并立即看到其反映出来的变化,让你告别console大法.非常好用,谁用谁知道,Vu ...
谷歌浏览器安装VUE插件
谷歌浏览器安装VUE插件下载安装包安装直接拖拽手动安装下载安装包链接:https://pan.baidu.com/s/1pUJouWG-rUmQoOL1Mjshlw 提取码:b2uy 安装 ...
（18）Vue DevTools插件
一.Vue DevTools插件介绍 Vue DevTools插件是 Vue.js 官方提供的用来调试 Vue 应用的工具. 二.Vue DevTools插件安装安装地址如下: https://ch ...
01.在谷歌浏览器安装Vue开发者工具
1.在谷歌浏览器安装Vue开发者工具,在设置中找到扩展程序点开,直接将插件拖拽到扩展程序页面 3.安装好以后可以测试html,右键运行 4.在浏览器控制台输入Vue.config回车,会展示页面内容 ...
不必翻墙，安装vue浏览器插件
Google chrome 浏览器开发vue项目时,需要安装vue浏览器插件. Vue.js devtools可以方便查看vue组件,events, 路由,vuex等信息. 这是未安装时的*warni ...
安装vue Devtools学习记录
在学习vue之前,建议使用Google chrome上安装vue devtools拓展工具.vue devtools提供界面供我们查看vue组件和全局状态管理器vuex中记录的数据. 有条件的可以直接 ...
谷歌浏览器chrome安装vuejs devtools 插件
(推荐方法二) 方法一需正常打开chrome商店,搜索vuejs devtools 安装.chrome://extensions/ 开发者工具-扩展程序下启用: 方法二 github下载插件,npm ...
vue devtools 插件安装
谷歌应用商店打不开,可以使用这种方式来安装 vue 调试工具. https://chrome.zzzmh.cn/#/search 点击下载后,下载的内容是一个安装包,将安装包中 .crx 文件解压后直 ...
chrome浏览器安装vue调试插件dev-tools
1. 在google商店中下载vue dev-tools 2. 修改manifest.json中的persisetent配置 3. 在chrome浏览器扩展程序中勾选 "允许访问文件网址&q ...

谷歌浏览器安装vue-devtools插件

谷歌浏览器安装vue-devtools插件

谷歌浏览器安装vue-devtools插件相关推荐

最新文章

热门文章