Google浏览器中安装vue-devtools过程记录

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xiejunna/article/details/85600466

1.git上下载vue-devtools项目
https://github.com/vuejs/vue-devtools
2.下载完成后解压,进入到vue-devtools根目录,分别执行以下命令

cd vue-devtools
npm install
npm run build

3.npm run build 命令后,在此目录下vue-devtools-dev\shells\chrome,生成了插件相关文件,打开Google浏览器一个空白界面,依次点击浏览器右边的3个点位置,更多工具–>扩展程序–>打开右上角的开发者模式–>加载已解压的扩展程序–>选择此文件夹vue-devtools-dev\shells\chrome–>完成
4.打开一个vue项目,F12调出调试工具菜单栏,vue即可出现在调试工具菜单栏,
若没有显示,进入至vue-devtools-dev项目根目录,执行npm run dev命令,关闭浏览器,重新打开,重新打开一个vue项目,就会出现此vue菜单了

猜你喜欢

转载自blog.csdn.net/xiejunna/article/details/85600466