Vue调试工具vue-devtools的安装

安装步骤

1.下载代码,切换到master分支
git clone https://github.com/vuejs/vue-devtools.git
cd vue-dev-tools
git checkout master
2.安装依赖,成功之后打包
npm install
npm run build
3.build成功的项目在shells目录下的chrome文件夹,如下图:
在这里插入图片描述
4.打开Chrome浏览器 >选择更多工具>扩展程序 >打开开发者模式
5.加载已解压的扩展程序,选择vue-devtools shells 下的chrome文件夹 。如图:
在这里插入图片描述
6.成功之后关闭浏览器重新打开可使用,打开vue项目的调试选择Vue选项,可看到Vuex,Components等内容,如图:在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐