Vue调试神器vue-devtools安装
温馨提示:本文最后更新于2020年11月6日 09:28,若内容或图片失效,请在下方留言或联系博主。
vue的调试工具 vue-devtools 的安装和使用
工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧
chrome商店直接安装
vue-devtools可以从chrome商店直接下载安装,非常简单,这里就不过多介绍了。不过要注意的一点就是,需要翻墙才能下载。
手动安装
到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插件