码迷,mamicode.com
首页 > 其他好文 > 详细

chrome浏览器添加vue-devtools扩展

时间:2018-01-14 18:43:06      阅读:5545      评论:0      收藏:0      [点我收藏+]

标签:ack   选择   解压   https   点击   文件   class   blog   json   

1,在百度网盘中下载压缩包,网盘地址:https://pan.baidu.com/s/1i6UdvCD,密码:nvfe

2,将压缩包解压到F盘,F:\chromeVue插件

3,复制文件地址,F:\chromeVue插件\vue-devtools-master

4,打开cmd命令,进入F盘,然后进入到vue-devtools-master文件中,命令:cd  F:\chromeVue插件\vue-devtools-master

5,在npm中执行命令,(我这边安装了镜像,所以是cnpm)

6,执行 cnpm install 

7,执行 cnpm run build. 

8,将manifest.json文件打开,找到background中的“persistent”,改为true,文件在这里:F:\chromeVue插件\vue-devtools-master\shells\chrome

9,打开你的谷歌浏览器,在更多工具中点击扩展程序,然后在出现的页面中勾选开发者模式,点击加载你的解压好的包,选择F:\chromeVue插件\vue-devtools-master\shells下的chrome,如图:

技术分享图片

 

 

10,运行项目,打开chrome的开发者模式F12,就会看到vue扩展,如图

技术分享图片

 

chrome浏览器添加vue-devtools扩展

标签:ack   选择   解压   https   点击   文件   class   blog   json   

原文地址:https://www.cnblogs.com/sily-boy/p/8283750.html

(2)
(5)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!