Chrome谷歌浏览器安装VUE调试插件

系统管理员 2024-02-05 13:16 20阅读 0赞

### 访问gitee的vue-devtools 并下载 ###

gitee地址：[https://gitee.com/zhang\_banglong/vue-devtools][https_gitee.com_zhang_banglong_vue-devtools]

也可以访问git的地址：[https://github.com/vuejs/devtools][https_github.com_vuejs_devtools]

![在这里插入图片描述][b7ffac1a207f4c8aaef92ace0f00b0b6.png]

### 解压，放到自己的目录下 ###

![在这里插入图片描述][c8b76b12f1cc4ce89a7caeb162ee2113.png]

### 打开控制面板（管理员），进入到vue-devtools文件夹下，输入命令 ###

npm install
    或者
    cnpm install

![在这里插入图片描述][acb5eec43a7e4decbcc07a6027fe4986.png]![在这里插入图片描述][e940ee03847d41d988c9130492e78580.png]

### 上一步成功后，紧接着输入命令 ###

npm run build

![在这里插入图片描述][19bddb7ccdd949a29be96a924caec165.png]![在这里插入图片描述][77871001274841b29d59e59d5e8598c2.png]

### 打开shell文件夹，有一个chrome文件夹 ###

![在这里插入图片描述][c109430b95624453a63a640c4b743cc9.png]

### 谷歌浏览器添加扩展程序 ###

![在这里插入图片描述][d60b52a7a98a449ca4f54625ec980b86.png]  
![在这里插入图片描述][89f638ca5c7e4ce59387bc5900b68a49.png]  
![在这里插入图片描述][24d235b5302a42b486fe0d4b2674dc18.png]

### 重新启动浏览器、查看效果 ###

![在这里插入图片描述][b1605dbe924746daac1552fa3bebead6.png]

结束！！！！！  
hy:50

--------------------

真正的爱情，不是寻找一个完美的人，而是学会用完美的眼光，欣赏一个不完美的人。

[https_gitee.com_zhang_banglong_vue-devtools]: https://gitee.com/zhang_banglong/vue-devtools
[https_github.com_vuejs_devtools]: https://github.com/vuejs/devtools
[b7ffac1a207f4c8aaef92ace0f00b0b6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/1f51e63f7c99443783fdb43fe98e3fb1.png
[c8b76b12f1cc4ce89a7caeb162ee2113.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/2dc7fd365f794dd9acfb83b5395a534b.png
[acb5eec43a7e4decbcc07a6027fe4986.png]: https://img-blog.csdnimg.cn/direct/acb5eec43a7e4decbcc07a6027fe4986.png
[e940ee03847d41d988c9130492e78580.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/51a5320ccde64797a323506139ee56b9.png
[19bddb7ccdd949a29be96a924caec165.png]: https://img-blog.csdnimg.cn/direct/19bddb7ccdd949a29be96a924caec165.png
[77871001274841b29d59e59d5e8598c2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/4f23387ecb664399876da5dffc85b38e.png
[c109430b95624453a63a640c4b743cc9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/e6a873d5741e4837bbefbf8d79e0c5c6.png
[d60b52a7a98a449ca4f54625ec980b86.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/5d01e33ca87741a9a448d04981d956c6.png
[89f638ca5c7e4ce59387bc5900b68a49.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/9abcb5b01ce740378879675c407a5501.png
[24d235b5302a42b486fe0d4b2674dc18.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/2d8780d521514971a7814762c06c1cb3.png
[b1605dbe924746daac1552fa3bebead6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/0279b465451a4557b59f8573dad9f09d.png