Skip to content
This repository has been archived by the owner on Apr 4, 2020. It is now read-only.
/ nw-vue-devtools Public archive

devDependency to add Vue-DevTools into NW.js

License

Notifications You must be signed in to change notification settings

nwutils/nw-vue-devtools

Repository files navigation

nw-vue-devtools

Build Status npm version MIT 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:


This is a devDependency for adding Vue-DevTools into NW.js.

screenshot

Prerequisites:

You must have Git, Node, and npm installed globally.

Instructions

  1. npm install --save-dev nw-vue-devtools
  2. Add this to your package.json:
    "chromium-args": "--load-extension='./node_modules/nw-vue-devtools/extension'",
  3. 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).

How it works:

This dependency will run an npm script that:

  • Clones down the latest source code for 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 - 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: