Chrome安装Vue插件vue-devtools的步骤

Chrome安装Vue插件vue-devtools的步骤

1. 首先，你需要从 GitHub 上克隆 vue-devtools 的代码库到本地：

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

2. 进入vue-devtools文件夹，并安装依赖包：

cd vue-devtools
npm install

或者使用cnpm：

cnpm install

3. 编译代码：

npm run build

4. 修改vue-devtools/shells/chrome/manifest.json文件，将persistent设置为true。

5. 打开Chrome浏览器，在地址栏输入chrome://extensions/进入扩展程序页面。

6. 打开右上角的开发者模式。

7. 点击"加载已解压的扩展程序"，选择vue-devtools/shells/chrome文件夹。

8. 勾选"允许访问文件网址"。

9. 至此，vue-devtools已经安装完毕。你可以在本地运行一个 Vue 项目，然后通过 F12 打开控制台来使用它。如果控制台中没有出现 vue-devtools 面板，可能需要刷新页面或重新打开浏览器。