Chrome 扩展 Vue Devtools
2024-10-18 02:56:45
Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码。
1)首先在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools。
2)下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖,然后执行npm run build,编译源程序。
3)编译完成后,目录结构如下:
修改shells、chrome目录下的mainifest.json 中的persistant为true:
4)打开谷歌浏览器的设置--->扩展程序,并勾选开发者模式
然后将刚刚编译后的工程中的shells目录下,chrome的整个文件夹直接拖拽到当前浏览器中,并选择启用,即可将插件安装到浏览器。
5)打开一个已有的vue项目,运行项目,然后在浏览器中--->设置--->更多工具--->开发者工具,进入调试模式:
发现vue.js is not detected ,可以调整一下webpack.config.js的代码,
最后,重启一下你的vue项目应该就可以使用了。
最新文章
- c语言结构体
- vue.js 简单入门
- 通过yeelink平台监控树莓派CPU温度变化
- 【hdu】p1754I Hate It
- SharePoint 2013 Nintex Workflow 工作流帮助(十三)
- [Flex] PopUpButton系列 —— 打开和关闭弹出菜单
- [javascript]事件冒泡处理
- jquery回调函数callback的使用
- C# WinForm多线程(二)ThreadPool 与 Timer
- SpringMVC 学习-入门篇
- 拆开Ceph看队列和线程
- Spring Boot 基础教程系列学习文档
- Android开发学习之路--图表实现(achartengine/MPAndroidChart)之初体验
- Linux下C语言的调试 - gdb
- js中的继承总结全( 含new 原理过程 )
- Python 进度条原理
- spark on yarn 集群部署
- php分词工具scws
- Loj 6036 「雅礼集训 2017 Day4」编码 - 2-sat
- Zookeeper Client基础操作和Java调用