Skip to content

Commit 44770ff

Browse files
TheJaredWilcurtGnorTech
authored andcommitted
Add Vue example to "Using devtools extensions"
1 parent 70081ef commit 44770ff

File tree

1 file changed

+17
-4
lines changed

1 file changed

+17
-4
lines changed

docs/For Users/Debugging with DevTools.md

Lines changed: 17 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,13 +22,26 @@ You can use the `--remote-debugging-port=port` command line option to specify wh
2222

2323
## Using devtools extensions
2424

25-
Devtools extensions are fully supported, including the one for ReactJS etc. To use it, add the permission "chrome-extension://*" to manifest.json of the devtools extension, and load it with `--load-extension=path/to/extension` when nw is started. The files for devtools extensions can be copied from extension folder of Chrome browser after you install them from Chrome Web Store.
25+
Devtools extensions are fully supported, including the one for ReactJS, Vue.js, etc. To use it, add the permission "chrome-extension://*" to manifest.json of the devtools extension, and load it with `--load-extension=path/to/extension` when nw is started. The files for devtools extensions can be copied from extension folder of Chrome browser after you install them from Chrome Web Store.
2626

27-
### Sample
27+
### React Example
2828

29-
https://s3-us-west-2.amazonaws.com/nwjs/sample/react-app.zip
30-
https://s3-us-west-2.amazonaws.com/nwjs/sample/react-devtools.zip
29+
* https://s3-us-west-2.amazonaws.com/nwjs/sample/react-app.zip
30+
* https://s3-us-west-2.amazonaws.com/nwjs/sample/react-devtools.zip
3131

3232
Unpack them, download the SDK build and run it with: `nw.exe --load-extension=path/to/devtools path/to/app/folder`
3333

3434
The app is a simple react app with 'package.json' added. The devtools files are from the Chrome browser's extension folder of official react devtools extension installed from Chrome Web store. Only the manifest file is modified to add the permission: "chrome-extension://*".
35+
36+
### Vue Example
37+
38+
1. `npm install --save-dev nw-vue-devtools`
39+
1. Add this to your `package.json`:
40+
```js
41+
"chromium-args": "--load-extension='./node_modules/nw-vue-devtools/extension'",
42+
```
43+
1. Vue.js must be in use in your app, and cannot be minified (use `vue.js` not `vue.min.js`).
44+
45+
This will automatically download, build, and install the latest Vue-DevTools into NW.js.
46+
47+
If you are using `nwjs-builder-phoenix` then add in `"chromium-args"` to your `package.json` `build.strippedProperties` array.

0 commit comments

Comments
 (0)