安装

git clone https://github.com/vuejs/vue-devtools
cd ./vue-devtools/
git checkout master
npm install
npm run build

建议使用gitee 拷贝

例如:

git clone https://gitee.com/fakerlove/vue-devtools
cd ./vue-devtools/
git checkout master
npm install
npm run build

修改配置

"background": {"scripts": ["build/background.js"],"persistent": true
},

错误

# 安装过程可能会出现
# npm ERR! code ELIFECYCLE
# npm ERR! errno 1
# npm ERR! vue-devtools@5.1.1 build: `cd shells/chrome && cross-env NODE_ENV=production webpack -- progress --hide-modules`
# npm ERR! Exit status 1
# npm ERR!
# npm ERR! Failed at the vue-devtools@5.1.1 build script.
# npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
# npm WARN Local package.json exists, but node_modules missing, did you mean to install?
# 这是没有生成node_modules这个文件,清空下缓存再重新安装就行

解决方案

npm cache verify

谷歌安装

点击扩展程序

点击加载已解压的扩展程序

加载完毕

vue-devtools 使用相关推荐

vue 在浏览器控制台怎么调试谷歌插件vue Devtools
vue 在浏览器控制台怎么调试谷歌插件vue Devtools 问题: vuejs里面的变量,怎么用浏览器的console查看? 例如,想在chrome里用console.log查看变量$data, ...
Vue DevTools可使用修正方法
因为工作要求,目前主要在用Vue.js技术栈做开发,调试是必不可少的,这里会用的Vue DevTools的调试工具,问题就出在这里,当用Vue DevTools做调试时,很多时候都不能用,提示没有监测 ...
【进阶篇】Vue Devtools——vue开发调试神器
工欲善其事,必先利其器,vue2.0进阶系列的知识更接近我们的实际开发所需,在开发过程中,有个好的调试工具是事半功倍的,Vue Devtools就是我们选择的调试工具,它是一款chrome浏览器的插件 ...
Vue Devtools 安装
Vue Devtools 是Chrome 浏览器插件,用来调试Vue的,能够更直观.更友好的调试Vue应用下载地址:https://github.com/vuejs/vue-devtools#vue ...
Vue Devtools安装（谷歌浏览器插件：）
vue安装: # 最新稳定版 $ npm install vue # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新 ...
（18）Vue DevTools插件
一.Vue DevTools插件介绍 Vue DevTools插件是 Vue.js 官方提供的用来调试 Vue 应用的工具. 二.Vue DevTools插件安装安装地址如下: https://ch ...
vuejs之Vue Devtools
Vue Devtools大法好这是一篇小白friendly教程 Vue Devtools是一款谷歌浏览器插件,专门为调试vue而设计.假设你做了一个vue应用,当你在调试的过程中,打开的控制台是这样 ...
超详细Vue Devtools的下载和安装——Vue的调试工具
在使用 Vue 时,我们推荐在浏览器上安装 Vue Devtools. Vue Devtools 是 Vue 官方发布的调试浏览器插件,可以安装在 Chrome 和 Firefox 等浏览器上,直接内 ...
Vue Devtools不显示Components
Vue Devtools不显示Components 遇到的问题:红框处的组件未显示,清理浏览器缓存也未显示. 解决方法:往搜索框中输入关键字母即可搜索出,然后就都显示了浏览器:Google Chro ...
Vue DevTools `Devtools inspection is not available` 使用问题
这个有两种情况: 使用 html 引入 vue.js 的时候使用 webpack 用 npm 直接引用 vue 模块的时候 html 引入 vue.js 把引入的文件改为 vue.js 而不是 vu ...

vue-devtools 使用

文章目录

安装

修改配置

错误

谷歌安装

vue-devtools 使用相关推荐

最新文章

热门文章