您的位置: 首页 > 文章 > 【Vue】在 Chrome 中安装 Vue 扩展程序

【Vue】在 Chrome 中安装 Vue 扩展程序

分类: 文章 • 2024-05-22 12:17:22

Chrome 中安装 Vue 扩展程序

1. 下载压缩包：

GitHub 最新版本，密码：nvfe

2. 解包并进入解压后的 vue-devtools-master 文件夹；

3. 在搜索栏输入 cmd ，进入命令提示符案板：

命令行中输入npm install，安装所需依赖包;

4. 执行： `npm run build` 命令;

5. 进入 vue-devtools-master\shells\chrome 文件中，将 manifest.json 文件打开，找到 `background` 中的 `persistent`，改为 `true`；

6. 打开谷歌浏览器，在`更多工具`-> `扩展程序` -> 页面中勾选`开发者模式` -> 点击加载解压好的包 -> 选择 `vue-devtools-master\shells`下的 `chrome`；

【Vue】在 Chrome 中安装 Vue 扩展程序

7. 运行项目，打开 chrome 的开发者模式 ( F12键 ) ，此时看到vue扩展；

【Vue】在 Chrome 中安装 Vue 扩展程序