Vue DevTools怎么用源码安装
时间: 2023-10-28 21:06:52 浏览: 78
Vue调试神器vue-devtools安装方法
要使用源码安装Vue DevTools,需要执行以下步骤:
1. 首先,您需要从GitHub上克隆Vue DevTools仓库。您可以使用以下命令克隆仓库:
```
git clone https://github.com/vuejs/vue-devtools.git
```
2. 进入克隆的目录中:
```
cd vue-devtools
```
3. 安装依赖项:
```
npm install
```
4. 构建Vue DevTools:
```
npm run build
```
5. 安装Vue DevTools扩展程序。您可以在Chrome网上应用商店中找到扩展程序,并根据说明进行安装。
6. 打开Chrome浏览器,并打开Vue DevTools扩展程序。在Vue DevTools中,单击“设置”按钮,然后选择“手动安装扩展程序”。
7. 然后,选择克隆的仓库中的“shells/chrome”目录作为扩展程序的根目录。
8. 最后,重新启动Chrome浏览器并打开开发者工具。您应该能够看到Vue DevTools选项卡。
这样您就可以使用源码安装Vue DevTools了。
阅读全文