首页 > 其他 > 详细

vue调试工具的安装

时间:2017-08-24 00:48:02      阅读:582      评论:0      收藏:0      [点我收藏+]

开发避免不了的就是调试工具,因为vue是进行数据驱动的,单从chrome里面进行element查看,查不到什么鸟东西,必须要进行对数据动向进行关查,那我就行一步一步教大安装

首先是下载这个工具,github下载地址:https://github.com/vuejs/vue-devtools,或者直接使用git克隆下来 git clone https://github.com/vuejs/vue-devtools

下载好后,在项目里面进入cmd  把依赖装好npm install 之后再进行npm run build

技术分享

技术分享

然后打开shells>chrome>manifest.json 把里面的"persistent": false改为true

技术分享

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

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

技术分享

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

 技术分享

 

vue调试工具的安装

原文:http://www.cnblogs.com/LO-ME/p/7420902.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!