如何给⾕歌浏览器安装vue-devtools插件
感谢原作者：
安装⽅法1: 需正常打开chrome商店，搜索vuejs devtools 安装。chrome://extensions/ 开发者⼯具-扩展程序下启⽤；安装⽅法2（推荐使⽤）： github下载插件，npm包安装依赖，拖⼊浏览器扩展程序
具体操作：
1 . 下载chrome扩展插件。
在github上下载压缩包并解压到本地，github下载地址：
2. npm install
下载完成后打开命令⾏cmd进⼊vue-devtools-master⽂件夹，
1. npm install，安装依赖包；如果安装太慢，请参照⽂章末尾说明进⾏操作。
2. npm run build
npm run build 执⾏完，会在shells>chrome下的src⽂件夹⾥⽣产如上图所⽰的⼏个js⽂件；
若不执⾏以上命令会报错，⽆法加载背景脚本"build/background.js"，如下图：
3. 打开shells>chrome>manifest.json并把json⽂件⾥的"persistent":false改成true
4. 扩展chrome插件
1.打开chrome浏览器，打开更多⼯具>扩展程序；
2.再点击加载已解压的扩展程序，然后把shells>chrome⽂件夹放⼊
5，测试安装成功
在插件的⽬录下执⾏npm run dev，这个时候我们的插件就可以运⾏了，打开localhost:8080可以看到插件已经安装并运⾏了。
⽅法3: 下载chrome插件安装包（.crx⽂件）离线安装(版本较低不推荐)
下载地址：
安装⽅法：
在chrome中新开⼀个TAB，输⼊：chrome://extensions/ 回车，打开应⽤管理器，可以看到之前安装的其他应⽤。将下载后的.crx⽂件，拖⼊即可安装。
另附：
1. 建议使⽤npm淘宝镜像安装依赖包地址：/
命令⾏安装npm淘宝镜像：
$ npm install -g cnpm --registry=registry.vuejs流程图插件
之后我们就可以使⽤cnpm代替npm安装依赖包了
2. chrome插件⽹地址，有需要别的插件的可类似以上操作。

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