Vue调试神器vue-devtools安装

vue的调试工具 vue-devtools 的安装和使用

工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧

 

chrome商店直接安装

vue-devtools可以从chrome商店直接下载安装,非常简单,这里就不过多介绍了。不过要注意的一点就是,需要翻墙才能下载。

 

手动安装

  1. 到github下载,找到vue-devtools的github项目,并将其clone到本地;

git clone https://github.com/vuejs/vue-devtools.git

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

cd vue-devtools

npm install  //如果太慢的话,可以安装一个cnpm, 然后命令换成 cnpm install

3.依赖包下载完后执行npm run build,编译打包成功后会在shells下生成chrome文件夹。此文件夹就是用来放入chrome的扩展程序。

npm run build

4.添加扩展Chrome插件

 

image.png

image.pngimage.png

image.png

image.png

 

 

附件列表(1)
您好,如果您要查看此内容请 回复点我开通会员畅享全站VIP资源
CTRL+D快速收藏,欢迎常来喔

未经允许不得转载:作者: KingMin, 转载或复制请以 超链接形式 并注明出处 KingMin
原文地址: 《Vue调试神器vue-devtools安装》 发布于2020年11月6日

本文链接:Vue调试神器vue-devtools安装 - http://www.kingmin.cn/vue/27.html

本文标签:

相关推荐
发表评论
0 评论
还没有评论,快来抢沙发吧!