vue-devtools插件chrome浏览器安装（windows）

最新推荐文章于 2024-03-30 17:48:26 发布

没长牙的坏兔子

最新推荐文章于 2024-03-30 17:48:26 发布

阅读量261

点赞数

本文链接：https://blog.csdn.net/qq_21182441/article/details/109398662

版权

git/npm相关环境搭建安装 ；
新建文件夹，打开后右键点击Git Brash Here，启动git命令行 ；
输入命令 git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git 回车（切记是 v5.1.1 这个分支的，说多都是泪），下载完成后在新文件夹中生成vue-devtools工程，如图；
打开cmd命令行，进入新生成的目录中，并执行命令 cnpm install 下载依赖并安装，如图 ；
接着执行命令 npm run build 打包，如图打包成功 ；
打开chrome浏览器，找到 更多工具–扩展程序，把 vue-devtools\shells 的 chrome文件夹拖到里面如图；
重启chrome浏览器，F12进入开发者模式，在菜单栏找打 vue 选项，完成 ；

关注