Vue开发工具
来源:互联网 发布:淘宝可以看到历史价格 编辑:程序博客网 时间:2024/06/06 05:04
转自:http://blog.csdn.net/sinat_17775997/article/details/70224280
最近在研究vue单页面应用,一步一步用上全家桶,开发避免不了的就是调试工具,因为vue是进行数据驱动的,单从chrome里面进行element查看,查不到什么鸟东西,必须要进行对数据动向进行关查,那我就行一步一步教大安装
1.github下载地址:https://github.com/vuejs/vue-devtools
有git的同学直接 git clone https://github.com/vuejs/vue-devtools
2.下载安成之后打开cmd进入vue-devtools文件夹把依赖装好npm install 之后再进行npm run build
最好装一个cnpm
3.然后打开shells>chrome>src>manifest.json 把里面的"persistent": false改为true
一切都万事具备了,打开chrome
1.打开里面的设置 > 点击扩展程序 > 点击开发者模式
2.再点击加载已解压的扩展程序,然后把shells>chrome这个文件夹放入就ok了
你再打开一个用vue写的网页,你再打开chrom调试工具你就会发现
大功告成!祝你们开发愉快
阅读全文
0 0
- Vue开发工具
- vue-devtools 必备开发工具
- vue-devtools 必备开发工具
- vue-devtools chrome 开发工具
- Vue.js开发环境搭建-工具安装(vue-cli)
- win7 vue.js 开发调试工具vue-devtools
- vue-devtools chrome 开发工具安装
- 前端开发工具vue.js开发实践总结
- vue.js开发环境搭建以及脚手架工具安装
- Vetur:VSCode下强大的Vue开发工具
- vue.js开发环境搭建以及脚手架工具安装
- vue.js开发环境搭建以及脚手架工具安装
- vue调试工具vue devtools
- vue 开发
- vue-cli脚手架工具
- Vue DevTools调试工具
- 安装vue-devtool工具
- 脚手架工具vue-cli
- 区块宝周报:国家互金专委会发布《比特币场外交易监测报告》
- 区块宝研究院月报(10月):《区块链行业合规发展分析报告》
- Spring概述与架构
- vio slam基本---转载
- rdb map出錯rbd sysfs write failed
- Vue开发工具
- RabbitMQ基础概念详细介绍
- Kotlin編程boolean
- Android 下调用 TensorFlow 的接口文件
- ng-repeat 中的 track by $index 解决相同的ID的对象
- iOS-NSUndoManager与怎样弄崩微信
- 产品介绍和产品说明
- oc的指针与对象的关系同c++中的指针和对象的关系作对比
- 【数位dp】不要62