vue-devtools调试工具,最简单粗暴的安装方式。

768 阅读1分钟

vue-devtools调试工具是vue.js开发必不可少的一个辅助工具。但是它的安装方式有些头疼。首先有两种安装方式:

方法一:从谷歌商店直接搜索下载安装。这种方式很简单,但是众所周知,谷歌需要翻墙。不会翻墙的小伙伴通常会卡在这。所以这里直接上干货:

  • http://chromecj.com/  直接登录这个网址(这是中国的一个谷歌插件网址,不需要翻墙,小编觉得很好用),在里面搜索vue,然后安装下载

  • 下载完成后会得到这样一个文件
  • 打开你的谷歌浏览器,设置---扩展程序---加载已解压的扩展程序,然后选择上面下载的扩展插件,就ok了
  • 添加好后会看到这样


  • 然后关闭谷歌浏览器重新打开,运行你的vue项目(一定要是开发版本且不能是压缩过的),然后F12进行愉快的玩耍吧!

    至此,vue-devtools调试工具就开发完成了。


方法二:手动安装,稍微麻烦些。gitHub上有教程可以下载,不过稍微有些复杂而且容易出错。

github.com/vuejs/vue-d…


这篇教程到这就结束了,如果觉得喜欢就收藏吧!!!