详细解释vue.js的devtools安装

固定

1.github下载地址：https://github.com/vuejs/vue-devtools

2.下载后，进入vue-devtools-master项目执行NPM安装-NPM运行构建。

3.将manifest.json中的持久性修改为true

4.打开谷歌浏览器设置-扩展-检查开发者模式-添加外壳的内容-项目中的chrome或直接拖动外壳-chrome。祝贺安装成功！

5.打开你自己的vue项目。如果是vue-cli构建的项目，执行npm run dev，打开http://localhost 33608080/服务器调试地址；立即完成devtools的安装；

使用

打开vue项目并选择vue:

5.操作组件查看信息更改(如分页组件)并选择第一页：

选择最后一页：

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。