Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nwutils/nw-vue-devtools
devDependency to add Vue-DevTools into NW.js
https://github.com/nwutils/nw-vue-devtools
devdependency nwjs tools vue vue-devtools
Last synced: 3 months ago
JSON representation
devDependency to add Vue-DevTools into NW.js
- Host: GitHub
- URL: https://github.com/nwutils/nw-vue-devtools
- Owner: nwutils
- License: mit
- Archived: true
- Created: 2018-07-02T22:52:33.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-04-04T12:33:24.000Z (almost 5 years ago)
- Last Synced: 2024-05-19T06:05:40.830Z (9 months ago)
- Topics: devdependency, nwjs, tools, vue, vue-devtools
- Language: JavaScript
- Size: 37.1 KB
- Stars: 15
- Watchers: 5
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-nwjs - NW-Vue-DevTools - Installs latest Vue DevTools into the Chromium DevTools in NW.js (Tools & Starters / Tools: Vue.js)
README
# nw-vue-devtools
[](https://travis-ci.org/nwutils/nw-vue-devtools) [](https://www.npmjs.com/package/nw-vue-devtools) [](https://github.com/TheJaredWilcurt/nw-vue-devtools/blob/master/LICENSE)
* * *
# DEPRECATION NOTICE
We are no longer able to automate building from the Vue-DevTools source anymore due to their adoption of Yarn. When Yarn innevitably dies after npm 7 or 8, and they switch back to npm, we may be able to get the automation working again. But until then, there is an alternative that downloads directly from the Chrome Webstore a prebuilt version, then modifies it for NW.js. I recommend using that:
* https://github.com/DimPaDev/nw-vue-devtools-prebuilt
* * *
This is a devDependency for adding Vue-DevTools into NW.js.

## Prerequisites:
You must have Git, Node, and npm installed globally.
## Instructions
1. `npm install --save-dev nw-vue-devtools`
1. Add this to your `package.json`:
```js
"chromium-args": "--load-extension='./node_modules/nw-vue-devtools/extension'",
```
1. Vue.js must be in use in your app, and cannot be minified (`vue.js` not `vue.min.js`).You may need to add `Vue.config.devtools = true;` to your `main.js` file.
If you are using `nwjs-builder-phoenix` then add in `"chromium-args"` to your `package.json` `build.strippedProperties` array ([more info](https://github.com/evshiron/nwjs-builder-phoenix/blob/master/docs/Options.md#build---buildconfig)).
## How it works:
This dependency will run an npm script that:
* Clones down the latest source code for [Vue-DevTools](https://github.com/vuejs/vue-devtools) `master` branch.
* Installs the dependencies for Vue-DevTools.
* Builds the source code for Vue-DevTools.
* Places the built version in `node_modules/nw-vue-devtools/extension`.
* Tries to recover from past failures on future re-runs.
* Skips everything if the extension had already been built successfully.* * *
## See Also:
* [nw-vue-devtools-prebuilt](https://github.com/DimPaDev/nw-vue-devtools-prebuilt) - Downloads the CRX file from the Chrome Store, unzips and modifies it for use in NW.js. May be a better option for some.
* * *
## In Use
This package is used by:
* https://github.com/nwutils/nw-vue-devtools/network/dependents