首页 > 其他 > 详细

Vue调试工具 vue-devtools

时间:2018-07-10 13:36:28      阅读:247      评论:0      收藏:0      [点我收藏+]

vue-devtools是一款基于chrome浏览器的插件,可以帮我们快速调试vue项目

 

vue-devtools手动安装:

  第一步:找到vue-devtools的github项目(https://github.com/vuejs/vue-devtools),并将其clone到本地

  技术分享图片

  第二步: 安装项目所需要的npm包

    npm install 

  技术分享图片

  第三步:编译项目文件

    npm run build

  第四步:添加至chrome浏览器

    1. 浏览器输入地址:chrome://extensions ,进入扩展程序页面。

    2. 点击“加载已解压的扩展程序...”按钮,选择vue-devtools-master/shells/chrome 点击确定按钮

    技术分享图片

     

    

   

  

Vue调试工具 vue-devtools

原文:https://www.cnblogs.com/yangkangkang/p/9288515.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!