首页 vue 正文
  • 本文约529字,阅读需3分钟
  • 2362
  • 0

Vue调试神器vue-devtools安装

温馨提示:本文最后更新于2020年11月6日 09:28,若内容或图片失效,请在下方留言或联系博主。

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

 

 

标签:vue
评论