vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装

1、登录github,获取到vue-devtools源码并下载下来。https://github.com/vuejs/vue-devtools

2、打开下载文件,在根目录下执行cmd命令来下载项目的依赖 : npm install

3、下载依赖结束之后,编译项目,执行cmd命令:npm run build

4、修改 manifest.json 文件,找到项目中 shells>chrome>manifest.json。打开该文件,并将 persistent 改为true。

5、在chrome浏览器中,打开>更多工具>扩展程序。开启开发者模式。并将项目文件中的chrome文件整体导入。

6、最后一步就是关闭chrome,重新打开,启动一个vue项目,打开控制台就可以看到vue调试了。

最新文章

  1. 如何在子线程中使用Toast和更新UI
  2. Appium-001-测试开发环境搭建(Android - Win7)
  3. Permission Lists Assigned to a User
  4. kvm上安装xp
  5. 基于Sql Server 2008的分布式数据库的实践(五)
  6. JDBC与ArrayList和hashmao
  7. hdu5418--Victor and World(floyd+状压dp)
  8. 获取屏幕宽高度与可视区域宽高度(availWidth、clientWidth、width、innerWidth)
  9. baidu地图:实现多点连线渲染
  10. Spring-data-redis redis
  11. SPOJ4580 ABCDEF(meet in the middle)
  12. 1. K近邻算法(KNN)
  13. 如何将钉钉集成到FineReport插件中
  14. asp.net mvc多级目录结构和多级area实现技巧
  15. VC6.0启动File-open和Project-add file to project崩溃的解决方法
  16. Effective C++ .47 traits与模板特化
  17. 【提醒】使用 iptables 时,特别注意 规则的顺序
  18. LoadRunner Agent Runtime Settings Configuration启动报错
  19. java注解类定时器
  20. jmap, jhat命令

热门文章

  1. 一、IIS性能检测与网站管理
  2. hInstWtsapi32 = LoadLibrary("Wtsapi32.dll");
  3. loj6038「雅礼集训 2017 Day5」远行 树的直径+并查集+LCT
  4. shiro框架在springboot项目中的应用
  5. [洛谷P1514] NOIP2010 引水入城
  6. 使用getchar和putchar输入输出单个字符
  7. Linux学习-基于CentOS7的MariaDB数据库的主从复制
  8. Selenium-Switch与SelectApi介绍
  9. yum源更换
  10. (1)消灭初级程序员常用的多层if-else嵌套--------------【表驱动法】