安装vue 谷歌插件vue-devtools-dev

方法一：直接安装 CRX 文件

1. 打开您的 Chrome 浏览器。
2. 点击浏览器右上角的三个点（菜单按钮）。
3. 从下拉菜单中选择“更多工具”。
4. 点击“扩展程序”。
5. 启用开发者模式。通常在页面右上角有一个开关，将其切换到“开发者模式”。
6. 下载 Vue.js 开发者工具的 CRX 文件。您可以从以下链接下载：
   • Vue.js DevTools for Chrome
7. 将下载的 CRX 文件拖放到“扩展程序”页面中。
8. 在弹出的确认对话框中点击“添加扩展程序”。

方法二：从 GitHub 安装（不推荐，较复杂）

1. 访问 Vue.js DevTools 的 GitHub 仓库页面：GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.。
2. 下载源代码包（不要下载默认分支的 zip 文件）。
3. 解压下载的文件。
4. 确认您的计算机上已经安装了 Node.js 和 npm。可以通过在命令行（CMD 或 Terminal）中输入以下命令来验证：

   node -v npm -v

   如果未安装 Node.js 和 npm，您可以从 Node.js 官网 下载并安装。
5. 通过 npm 安装 Vue.js DevTools 的依赖项。在命令行中导航到解压后的文件夹，并运行以下命令：

   npm install

6. 构建 Vue.js DevTools。在命令行中运行以下命令：

   npm run build

7. 修改 manifest.json 文件，将 persistent 字段设置为 true。
8. 在 Chrome 浏览器中打开 chrome://extensions/ 页面。
9. 将解压后的文件夹（通常是 vue-devtools-dev/shells/chrome）拖拽到扩展程序页面中。