Skip to content

Commit 7953e44

Browse files
committed
chore: update readme
1 parent e8b1b4e commit 7953e44

File tree

2 files changed

+16
-14
lines changed

2 files changed

+16
-14
lines changed

README.md

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,29 @@
11
# vue-devtools
22

3-
### Important Usage Notes
4-
5-
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.
6-
7-
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.
8-
93
<p align="center"><img width="720px" src="https://raw.githubusercontent.com/vuejs/vue-devtools/master/media/screenshot-shadow.png" alt="screenshot"></p>
104

11-
Works with [vuex](https://github.com/vuejs/vuex) for time-travel debugging:
5+
## Installation
126

13-
<p align="center"><img width="600px" src="https://raw.githubusercontent.com/vuejs/vue-devtools/master/media/demo.gif" alt="demo"></p>
7+
- [Get the Chrome Extension](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) / ([beta channel](https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg))
148

15-
### Installation
9+
- [Get the Firefox Addon](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/) / ([beta channel](https://github.com/vuejs/vue-devtools/releases))
1610

17-
- [Get the Chrome Extension](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) ([beta](https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg))
11+
- [Get standalone Electron app (works with any environment!)](https://github.com/vuejs/vue-devtools/blob/master/shells/electron/README.md)
1812

19-
- [Get the Firefox Addon](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/) ([beta](https://github.com/vuejs/vue-devtools/releases))
13+
### Important Usage Notes
2014

21-
- [Get standalone Electron app (works with any environment!)](https://github.com/vuejs/vue-devtools/blob/master/shells/electron/README.md)
15+
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.
2216

23-
#### Open component in editor
17+
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.
18+
19+
### Open component in editor
2420

2521
To enable this feature, follow [this guide](./docs/open-in-editor.md).
2622

2723
### Manual Installation
2824

25+
This is only necessary when you want to build the extension yourself from source to get not-yet-released features.
26+
2927
**Make sure you are using Node 6+ and NPM 3+**
3028

3129
1. Clone this repo
@@ -35,7 +33,7 @@ To enable this feature, follow [this guide](./docs/open-in-editor.md).
3533
5. Check "developer mode"
3634
6. Click "load unpacked extension", and choose `shells/chrome`.
3735

38-
### Hacking
36+
### Development
3937

4038
1. Clone this repo
4139
2. `npm install`

docs/open-in-editor.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,9 @@
11
# Open component in editor
22

3+
## Vue CLI 3
4+
5+
Vue CLI 3 supports this feature out-of-the-box when running `vue-cli-service serve`.
6+
37
## Nuxt.js
48

59
Nuxt supports this feature out-of-the-box. Make sure to be in debug mode.

0 commit comments

Comments
 (0)