阅读 8

Vue调试神器vue-devtools安装

一,chrome商店直接安装

二,手动安装

第一步:找到vue-devtools的github项目,并将其clone到本地. vue-devtools

git clone https://github.com/vuejs/vue-devtools.git
复制代码

第二步:安装项目所需要的npm包

npm install 
npm run build
复制代码

第四步:添加至chrome游览器

游览器输入地址“chrome://extensions/”进入扩展程序页面,点击“加载已解压的扩展程序...”按钮,选择vue-devtools>shells下的chrome文件夹。

/**
*如果看不见“加载已解压的扩展程序...”按钮,则需要勾选“开发者模式”。
*/
复制代码

到此添加完成,效果图如下:
ps: 报错
解决办法:

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
复制代码
评论