Tutorials/NWJS_Hour_Tracking
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
freecodecamp.com Gwen Faraday: Live Coding Project: Create an Hour Tracking App using Vue.js
3 Commits 1 Branch 7 Tags 813 KiB
Vue 54.3%
JavaScript 43.8%
HTML 1.9%
85e3b737de
Go to file
The Jared Wilcurt 85e3b737de Optimize builds
2019-07-09 09:35:38 -04:00
public Mostly set up 2019-07-08 09:32:03 -04:00
src Mostly set up 2019-07-08 09:32:03 -04:00
tests Mostly set up 2019-07-08 09:32:03 -04:00
.browserslistrc Optimize builds 2019-07-09 09:35:38 -04:00
.editorconfig Mostly set up 2019-07-08 09:32:03 -04:00
.eslintrc.js Mostly set up 2019-07-08 09:32:03 -04:00
.gitignore Mostly set up 2019-07-08 09:32:03 -04:00
babel.config.js Mostly set up 2019-07-08 09:32:03 -04:00
jest.config.js Mostly set up 2019-07-08 09:32:03 -04:00
LICENSE Initial commit 2019-07-07 16:05:28 -04:00
nightwatch.conf.js Mostly set up 2019-07-08 09:32:03 -04:00
nightwatch.json Mostly set up 2019-07-08 09:32:03 -04:00
package-lock.json Optimize builds 2019-07-09 09:35:38 -04:00
package.json Optimize builds 2019-07-09 09:35:38 -04:00
postcss.config.js Mostly set up 2019-07-08 09:32:03 -04:00
README.md Optimize builds 2019-07-09 09:35:38 -04:00
screenshot.png Mostly set up 2019-07-08 09:32:03 -04:00
server.js Mostly set up 2019-07-08 09:32:03 -04:00
vue.config.js Mostly set up 2019-07-08 09:32:03 -04:00

README.md

nw-vue-cli-example

NW.js + Vue-CLI 3 example

A screenshot of the default app running on Windows

  • Vue
  • Vue-DevTools
  • Babel
  • ESLint
  • Jest
  • Nightwatch (not working)

Running Locally for development

  1. npm install
  2. npm start
  3. An empty window will pop up while Webpack warm ups
  4. Once Webpack is running, refresh the window and you're golden

Building for distribution

  1. npm run build:clean will delete your ./dist and ./dist-vue folders
  2. npm run build:vue will build just your Vue app for distribution (./dist-vue)
  3. npm run build:nw will build just your NW.js app (./dist)
  4. npm run build is your all-in-one command. It will clean out the old dist folders and build your Vue and NW.js app

IMPORTANT NOTE ABOUT BUILDS!!!

They take a long time. If you do npm run build expect it to take 10-30 minutes (depending on amount of dependencies in the dist and your CPU/internet). This can be adjusted by changing the build params in the package.json. The more platforms and build types, the longer it takes.

Automated quality enforcment

  1. Linting: npm run lint - Uses rules in ./eslint.json
  2. Unit tests: npm run test:unit - Jest.
  3. End-to-end: npm run test:e2e - Accepting PR to make tests run in NW.js. - Nightwatch.

Customize configuration

See Vue-CLI documentation.