# vue-devtools
### Important Usage Notes
1. If the page uses a production/minified build of Vue.js, devtools inspection is disabled by default so the Vue pane won't show up.
2. To make it work for pages opened via `file://` protocol, you need to check "Allow access to file URLs" for this extension in Chrome's extension management panel.
<p align="center"><img width="600px" src="https://raw.githubusercontent.com/vuejs/vue-devtools/master/media/screenshot.png" alt="demo"></p>
Works with [vuex](https://github.com/vuejs/vuex) for time-travel debugging:
<p align="center"><img width="600px" src="https://raw.githubusercontent.com/vuejs/vue-devtools/master/media/demo.gif" alt="demo"></p>
### Installation
- [Get the Chrome Extension](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
- [Get the Firefox Addon](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
- [Workaround for Safari](https://github.com/vuejs/vue-devtools/blob/master/docs/workaround-for-safari.md)
### Manual Installation
**Make sure you are using Node 6+ and NPM 3+**
1. Clone this repo
2. `npm install` (Or `yarn install` if you are using yarn as the package manager)
3. `npm run build`
4. Open Chrome extension page
5. Check "developer mode"
6. Click "load unpacked extension", and choose `shells/chrome`.
### Hacking
1. Clone this repo
2. `npm install`
3. `npm run dev`
4. A plain shell with a test app will be available at `localhost:8080`.
### Testing as Firefox addon
1. Install `web-ext`
~~~~
$ npm install --global web-ext
~~~~
Or, for Yarn:
~~~~
$ yarn global add web-ext
~~~~
Also, make sure `PATH` is set up. Something like this in `~/.bash_profile`:
~~~~
$ PATH=$PATH:$(yarn global bin)
~~~~
2. Build and run in Firefox
~~~~
$ npm run build
$ npm run run:firefox
~~~~
When using Yarn, just replace `npm` with `yarn`.
### License
[MIT](http://opensource.org/licenses/MIT)
没有合适的资源?快使用搜索试试~ 我知道了~
调试vue.js应用的浏览器扩展 Chrome插件
共98个文件
js:38个
vue:23个
png:10个
需积分: 41 154 下载量 177 浏览量
2017-12-07
14:08:15
上传
评论 2
收藏 575KB ZIP 举报
温馨提示
Vue.js devtools:调试vue.js应用的浏览器扩展 Chrome插件
资源推荐
资源详情
资源评论
收起资源包目录
vue-devtools-master.zip (98个子文件)
vue-devtools-master
.eslintrc 194B
docs
workaround-for-safari.md 541B
package.json 2KB
test
specs
test.js 9KB
test.sh 290B
nightwatch.json 776B
media
demo.gif 313KB
screenshot.png 33KB
LICENSE 1KB
dist
.gitkeep 0B
src
util.js 4KB
devtools
storage.js 466B
index.js 3KB
App.vue 5KB
assets
Roboto-Regular.woff2 63KB
MaterialIcons-Regular.woff2 36KB
logo.png 7KB
views
components
ComponentTree.vue 2KB
ComponentInspector.vue 2KB
module.js 1KB
ComponentsTab.vue 781B
ComponentInstance.vue 4KB
events
EventInspector.vue 1KB
module.js 1KB
EventsTab.vue 528B
EventsHistory.vue 3KB
vuex
actions.js 2KB
VuexHistory.vue 6KB
VuexTab.vue 810B
module.js 3KB
VuexStateInspector.vue 4KB
mixins
key-nav.js 488B
global.styl 2KB
variables.styl 522B
components
StateInspector.vue 2KB
SplitPane.vue 1KB
DataField.vue 6KB
ScrollPane.vue 1KB
ActionHeader.vue 1KB
transitions.styl 293B
store
index.js 1KB
bridge.js 960B
backend
events.js 1KB
index.js 15KB
vuex.js 1000B
hook.js 2KB
highlighter.js 3KB
shells
dev
target
MyClass.js 76B
EventChildCond.vue 484B
index.js 880B
EventChild.vue 807B
EventChild1.vue 196B
Events.vue 737B
Counter.vue 736B
store.js 282B
Target.vue 1014B
Other.vue 933B
index.html 813B
src
devtools.js 1KB
hook.js 68B
backend.js 314B
target.html 265B
webpack.config.js 1KB
chrome
popups
not-found.html 82B
disabled.html 199B
enabled.html 133B
manifest.json 1KB
icons
128-gray.png 4KB
16.png 2KB
48-gray.png 2KB
128.png 5KB
48.png 3KB
16-gray.png 1KB
src
devtools.js 2KB
hook.js 357B
detector.js 885B
background.js 2KB
devtools-background.js 923B
proxy.js 917B
backend.js 1008B
devtools.html 383B
webpack.config.js 1KB
devtools-background.html 78B
safari
src
devtools.js 2KB
hook.js 68B
hook-loader.js 242B
proxy.js 882B
backend.js 727B
Vue.js devtools.safariextension
Settings.plist 182B
icons
16.png 2KB
16-gray.png 1KB
devtools.html 383B
Info.plist 2KB
webpack.config.js 1KB
alias.js 251B
.gitignore 76B
README.md 2KB
yarn.lock 165KB
共 98 条
- 1
资源评论
小仙女de成长
- 粉丝: 1051
- 资源: 7
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- main.c
- Unity 创建快捷方式自动启动
- 一分钟一条原创视频,蹭热点撸收益,条条爆款,狂撸各大平台,轻松日入1000+-教程网盘链接提取码下载 .txt
- 51单片机实现万年历,包括闹钟的设置与秒表功能(汇编)
- STM32单片机FPGA毕设电路原理论文报告铁合金电炉单片机电力监控系统的研究
- STM32单片机FPGA毕设电路原理论文报告贴片元件封装机的智能控制系统设计
- STM32单片机FPGA毕设电路原理论文报告体育高考投篮自动测试系统的设计与实现
- STM32单片机FPGA毕设电路原理论文报告提高放疗精度的单片机控制方法
- C++ matplot学习及demo实操
- STM32单片机FPGA毕设电路原理论文报告提高单晶炉加热电源控制电路精度的研究
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功