安装Vue-devtools

2018-01-15  本文已影响0人  阳光小羊羊的草场
  1. 下载zip
    https://github.com/vuejs/vue-devtools.git

  2. 打开cmd,进入项目,运行cnpm install

    image.png
  3. 执行npm run build

  4. 打开谷歌浏览器,地址栏输入chrome://extensions/,点击“加载已解压的扩展程序”,选择vue-devtools>shells下的chrome文件夹,添加完成如下图所示。

    image.png
  5. 在调试vue应用的时候,chrome开发者工具中会看一个vue的一栏,点击之后就可以看见当前页面vue对象的一些信息。


    image.png
上一篇 下一篇

猜你喜欢

热点阅读