宝哥软件园

详细解释vue.js的devtools安装

编辑:宝哥软件园 来源:互联网 时间:2021-09-04

固定

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.操作组件查看信息更改(如分页组件)并选择第一页:

选择最后一页:

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

更多资讯
游戏推荐
更多+