Skip to content

Commit 4b78f66

Browse files
committed
Add readme to electron shell
1 parent 4e6b6bc commit 4b78f66

File tree

2 files changed

+65
-0
lines changed

2 files changed

+65
-0
lines changed

README.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,8 @@ Works with [vuex](https://github.com/vuejs/vuex) for time-travel debugging:
1818

1919
- [Get the Firefox Addon](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
2020

21+
- [Get standalone app](https://github.com/vuejs/vue-devtools/blob/master/shells/electron/README.md)
22+
2123
- [Workaround for Safari](https://github.com/vuejs/vue-devtools/blob/master/docs/workaround-for-safari.md)
2224

2325
#### Open component in editor

shells/electron/README.md

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
# vue-remote-devtools
2+
3+
> This package provides a standalone vue-devtools application, that can be used to debug any Vue app regardless of the environment. Now you can debug your app opened in mobile browser, safari, native script etc. not just desktop chrome or firefox.
4+
5+
### :cd: Installation
6+
7+
Install the package globally:
8+
```bash
9+
npm install -g vue-remote-devtools
10+
```
11+
12+
### :rocket: Usage
13+
14+
Once you installed the package globally, run:
15+
```bash
16+
vue-remote-devtools
17+
```
18+
19+
Then add:
20+
```html
21+
<script src="http://localhost:8098"></script>
22+
```
23+
To the `<head>` section of your app.
24+
**(Don't forget to remove it before deploying to production!)**
25+
26+
Alternatively you can also install `vue-remote-devtools` as project dependency:
27+
```bash
28+
npm install vue-remote-devtools --save-dev
29+
```
30+
31+
And then directly import it in your app:
32+
```js
33+
import devtools from 'vue-remote-devtools'
34+
35+
if (process.env.NODE_ENV === 'development') {
36+
devtools.connect()
37+
}
38+
```
39+
40+
### :beers: Development
41+
42+
1. Install all dependencies
43+
```
44+
npm install
45+
```
46+
47+
2. Run:
48+
```
49+
npm run dev
50+
```
51+
This will watch `src` folder and compile files on change
52+
53+
3. Run:
54+
```
55+
npm start
56+
```
57+
This will open electron app with devtools
58+
59+
4. Follow **Usage** section to connect any app to your development version of `vue-remote-devtools`
60+
61+
### :lock: License
62+
63+
[MIT](http://opensource.org/licenses/MIT)

0 commit comments

Comments
 (0)