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

vue-devtoools 调试工具安装

时间:2019-04-22 13:49:29      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:lib   cnpm   target   -o   color   ase   nbsp   clone   扩展程序   

1.github下载地址:https://github.com/vuejs/vue-devtools

Git的同学直接 git clone https://github.com/vuejs/vue-devtools

2.下载安成之后打开cmd进入vue-devtools文件夹把依赖装好npm install 之后再进行npm run build

在vue-devtools目录下安装依赖包:

- npm install

- npm run build

技术图片

 

最好装一个cnpm,npm安装特别慢

3、修改manifest.json文件

 vue-devtools-dev\shells\chrome下的manifest.json

  • 将代码中 "persistent":false 改成 true

打开chrome

1.打开里面的设置 > 点击扩展程序 > 点击开发者模式

2.再点击加载已解压的扩展程序,然后把shells>chrome这个文件夹放入就ok了

 

 

技术图片

 

打开一个用vue写的网页,你再打开chrom调试工具你就会发现

技术图片

 

 


 

如果安装后报

Vue Devtools安装成功后无法启用Vue.js not detected chorme

解决办法:

1、修改vue-devtools-dev\shells\chrome下的manifest.json
  • 将代码中 "persistent":false 改成 true

2、直接重新安装vue-devtoools

vue-devtoools 调试工具安装

标签:lib   cnpm   target   -o   color   ase   nbsp   clone   扩展程序   

原文地址:https://www.cnblogs.com/lstory/p/10749602.html

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