More Premium Hugo Themes Premium Vue Themes

Nw Vue Cli Example

NW.js, Vue-CLI 4, Vue-DevTools

Nw Vue Cli Example

NW.js, Vue-CLI 4, Vue-DevTools

Author Avatar Theme by nwutils
Github Stars Github Stars: 105
Last Commit Last Commit: Oct 5, 2023 -
First Commit Created: Apr 29, 2023 -
default image

Overview

The nw-vue-cli-example is an outdated project and users are recommended to use the new repo, Vue-CLI. It is an abstraction for WebPack with support for Vite going forward. The new repo has all the features of the old one but with a slightly newer tech stack. The project comes with NW.js, Chrome, Node, Vue-CLI, Vue, Vue-DevTools, Babel, ESLint, A11Y Linting, Jest, and Jest Serializer Vue. It can be used for both web and desktop applications with the option to add desktop-specific features.

Features

  • NW.js 0.62.2
  • Chrome 99
  • Node 17.7.2
  • Vue-CLI 5.0.4
  • Vue 2.6.14
  • Vue-DevTools (latest)
  • Babel
  • ESLint
  • A11Y Linting
  • Jest Linting
  • Import Linting
  • Jest (100% test coverage)
  • Jest Serializer Vue (TJW)

Installation

To run the project locally for development, follow these steps:

  1. Run npm install to install the necessary dependencies.
  2. Run npm start to start the app. The app will appear in a window once Webpack finishes starting up.

To build the project for distribution, use the following commands:

  • npm run build:clean: deletes the ./dist and ./dist-vue folders
  • npm run build:vue: builds the Vue app for distribution (./dist-vue)
  • npm run build:nw: builds the NW.js app (./dist)
  • npm run build: all-in-one command that cleans out the old dist folders and builds the Vue and NW.js apps

Note: Builds can take a long time, approximately 10-30 minutes. The duration can be adjusted by changing the build parameters in the package.json file. By removing the --concurrent flag from the build:nw script, you can see the status of the completed pieces. This will allow individual pieces to finish faster, but the entire build will take longer.

Summary

The nw-vue-cli-example project is outdated and users are advised to switch to the new repo, Vue-CLI. It provides an abstraction for WebPack and is supported by the Vue community. It offers various features and can be used for both web and desktop applications. The installation process involves installing dependencies and running specific commands for development and distribution builds.