奔三路 - 你30岁前的学习路!

奔三路学习网

当前位置: 主页 > 大前端知识 >

Vue360浏览器插件安装,Vue Devtools 4.0

时间:2018-01-25 22:34来源:未知 作者:admin
安装 1.github下载地址:https://github.com/vuejs/vue-devtools 2.下载好后进入vue-devtools-master工程 执行npm install -----npm run build. 3.修改mainifest.json 中的persistent为true 4.打开谷歌浏览器设置---扩展程序

安装

1.github下载地址:https://github.com/vuejs/vue-devtools

2.下载好后进入vue-devtools-master工程  执行npm install ----->npm run build.

3.修改mainifest.json 中的persistent为true

 

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

5.打开自己的vue项目中,如果是有vue-cli构建的项目,执行npm run dev,打开http://localhost:8080/ 服务器调试地址;至此完成devtools的安装;


使用

 

打开vue项目,在控制台选择vue:
 
 

如果点击vue扩展图标还是提示:

Vue.js is detected on this page. Open DevTools and look for the Vue panel.

你可以检查下你是否使用的是压缩版本的vue.min.js,使用vue.min.js默认为生产环境的。

 

 

(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
史密斯 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2017-11-24 11:11 最后登录:2019-01-03 18:01

奔三路小程序已改版