vux初体验 (二)安装vue-devtool


vue-devtool 是一款浏览器端的vue调试工具,方便开发者实时调试vue应用,这可以极大地提高开发者的调试效率。

本文以Google浏览器为例,讲解 vue-devtool 的安装方法

  1. github下载安装包
    ====
    下载地址:https://github.com/vuejs/vue-devtools

  2. 安装依赖,打包
    ==========

1
2
3
cd 插件目录  //进入到安装包的目录
npm install //安装依赖
npm run build //编译插件
  1. 修改安装包目录下的 manifest.json
    ==========================
    打开 shells > chrome > manifest.json
    把里面的”persistent”: false改为true

  2. 打开Google浏览器
    ==========================
    1.打开里面的设置 > 点击扩展程序 > 点击开发者模式
    2.再点击加载已解压的扩展程序,然后选择 shells > chrome文件夹

  3. 大功告成 开始运行
    ============
    打开Google浏览器点开一个vue制作的页面
    按下 F12 就能看到效果了


评论区