vue.js的devtools安装

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

安装
1.github下载地址:https://github.com/vuejs/vue-devtools
2.下载好后进入vue-devtools-master工程 执行npm install —–>npm run build.
3.修改manifest.json 中的persistent为true
左侧是mainfest.json所在的文件夹目录vue-devtools-master\shells\chrome\mainfest.json

mainfest修改
4.打开谷歌浏览器设置—>扩展程序–》勾选开发者模式—》添加工程中的shells–>chrome的内容或者直接拖动shells–>chrome,至此恭喜已经安装成功!!!

这里写图片描述
5.打开自己的vue项目中,如果是有vue-cli构建的项目,执行npm run dev,打开http://localhost:8080/ 服务器调试地址;至此完成devtools的安装;
vue中config配置的端口默认是8080,自己可以修改端口地址。

猜你喜欢

转载自blog.csdn.net/BeautyBeier/article/details/72829877