Chrome/edge 浏览器中安装 Vue Devtools 插件

在 Chrome 或 Edge 浏览器中安装 Vue Devtools 插件的步骤如下：

1. 访问 Vue Devtools 的 GitHub 发布页面：https://github.com/vuejs/devtools/releases
2. 下载最新的 .crx 文件（这是 Chrome 扩展的打包格式）。

3. 打开 Chrome 或 Edge 浏览器的扩展页面：

   • 在地址栏输入 chrome://extensions/ 或者在 Edge 浏览器中点击右上角的三个点 -> 更多工具 -> 扩展。
4. 确保开启了“开发者模式”。
5. 拖动 .crx 文件到扩展页面中，这将自动安装扩展。

如果你是开发者并且想要通过开发者模式进行加载，可以使用以下步骤：

1. Clone the Vue Devtools repository:

   
   
   
   git clone https://github.com/vuejs/devtools.git

2. Navigate into the newly cloned directory:

   
   
   
   cd devtools

3. Install dependencies:

   
   
   
   npm install

4. Build the project:

   
   
   
   npm run build

5. Open Chrome's extension page: chrome://extensions/
6. Enable “Developer mode”
7. Click “Load unpacked” and select the devtools/shell directory

请注意，如果你是从 GitHub 发布页面下载 .crx 文件，则不需要编译项目，只需按照上述步骤安装即可。