nw-vue-devtools

1.3.1 • Public • Published

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:

Package Sidebar

Install

npm i nw-vue-devtools

Weekly Downloads

2

Version

1.3.1

License

MIT

Unpacked Size

13.1 kB

Total Files

5

Last publish

Collaborators

  • thejaredwilcurt