博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-devtools
阅读量:7101 次
发布时间:2019-06-28

本文共 473 字,大约阅读时间需要 1 分钟。

hot3.png

1. 到github下载:

 

2. 解压并打开vue-devtools目录      打开命令行工具     安装依赖:cnpm install

 

3. 修改vue-devtools-dev目录下的   \shells\chrome\manifest.json文件,把 "persistent": false改成true

 ec1c01256f621d1e448058cfd841e5eaea0.jpg

 

4. 打包 npm run build

 

5. 扩展Chrome插件   Chrome浏览器 >  更多程序 > 拓展程序          或者输入网址: chrome://extensions/

    点击加载已解压程序按钮, 选择下载好的目录 vue-devtools > shells > chrome 放入, 安装成功如下图

d96caef23a8be6ce5e61403a5c0f152f7a2.jpg

温情提示: 

a. vue必须引入开发版, 使用min压缩版是不能使用devtools进行调试的

b. 关闭浏览器, 重新打开

 

6. 使用

vue项目, f12, 选择vue就可以使用了. vue是数据驱动的, 这样就能看到对应数据了, 方便调试

转载于:https://my.oschina.net/parchments/blog/2874201

你可能感兴趣的文章
HDU 4283 You Are the One 区间DP
查看>>
《那些年,我们拿下FPGA》做笔记
查看>>
以Web Host的方式来寄宿Web API
查看>>
Android MediaScanner 详尽分析
查看>>
使用GDAL图书馆RPC校正问题
查看>>
Synchronized之一:基本使用
查看>>
Oracle与Sql Server复制表结构和数据
查看>>
iOS 辛格尔顿
查看>>
C#动态调用WCF接口,两种方式任你选。
查看>>
【AngularJS】—— 13 服务Service
查看>>
锐捷上网认证常见问题及解决办法
查看>>
Eclipse+超快速的模拟器Genymotion开展Android申请书(第一步:安装和配置Genymotion)...
查看>>
MySQL查看一个表的创建文本以及删除表某列的索引
查看>>
BZOJ3009 : 集合
查看>>
android图片压缩的3种方法实例
查看>>
SVN(TortoiseSVN)提交时忽略bin跟obj目录
查看>>
tophat
查看>>
Codeforces Round #326 (Div. 2) A. Duff and Meat 水题
查看>>
最优二叉查找树
查看>>
Android屏幕适配全攻略(最权威的官方适配指导) (转)
查看>>