码迷,mamicode.com
首页 > 其他好文 > 详细

Vue调试工具 vue-devtools

时间:2018-07-10 13:40:31      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:style   添加   shell   bsp   第一步   str   调试   地址   按钮   

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

标签:style   添加   shell   bsp   第一步   str   调试   地址   按钮   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!