chrome直接下载vue-devtools下载配置以及具体使⽤
vue-devtools 下载配置以及具体使⽤
vue-devtools 是vue开发者常⽤的开发⼯具，⽅便跟踪实时数据、组件等变化及查； vuex、事件、路由等历史追溯。
环境准备:
chrome浏览器 , Node.js
安装
vue-devtools 安装⽅式有三种，请按当前⾃⼰的情况使⽤：
第⼀种是在chrome应⽤商店⾥安装(不推荐)
第⼆种是在其他⽹站 ,
然后打开⾕歌浏览器，地址栏输⼊chrome://extensions
或者点击右上⾓ --->选择更多⼯具按钮 --->选择扩展程序
然后将之前解压的Vue.js _⽂件拖拽到扩展程序界⾯，按照对应提⽰点击确认即可。
第三种是到github下载
在下载解压下的vue-devtools⽬录下安装依赖包
// 我的解压⽬录是 D:\tools\vue-devtools-5.1.1
D:\tools\vue-devtools-5.1.1>npm install
或者 D:\tools\vue-devtools-5.1.1>cnpm install
chrome插件参数配置，修改manifest.json参数详解
(根据⾃⼰⽬录寻)D:\tools\vue-devtools-5.1.1\shells\chrome
...
"devtools_page": "devtools-background.html",
"background": {
"scripts": [
"build/background.js"
],
"persistent": false  // 最好改为true
},
...
然后执⾏ npm run build，编译源程序
D:\tools\vue-devtools-5.1.1>npm run build
最后打开⾕歌浏览器的设置—>扩展程序，并勾选开发者模式
然后将刚刚编译后的vue-devtools 5.1.1及以下版本⼯程中的shells⽬录下，chrome整个⽂件夹直接拖拽到当前浏览器中，并选择启⽤，即可将插件安装到浏览器。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。