Skip to content
Vue.js S.P.A. template by Greek Developer
Branch: master
Clone or download
Latest commit 36a14bd Apr 19, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src/web REFACTOR. Apr 19, 2019
.gitattributes Initial commit Apr 5, 2019
.gitignore ADD: Vue & Vue-router Apr 5, 2019
README.md WIP Apr 17, 2019
package-lock.json DOC. Apr 6, 2019
package.json FIX: removed start from dev script due to being windows-only. Apr 19, 2019

README.md

Single Page Application Template with Vue.js / Vuex / Vue-Router

This is a template for a single page application using vue, vuex & vue-router. Routes are defined in ./src/web/_routes.js and the global state management is defined in ./src/web/_store.js

Installation

  • npm i -g parcel-bundler
  • npm install
  • npm run dev

Project layout

  • Source code is located in ./src/

    • web app source code is located in ./src/web/
    • PWA manifest file should have a .webmanifest extension for compatibility with parcel.
  • Distributable artifacts are generated in ./dist/

    • web app artifacts are generated in ./dist/web/

Developing

Add new page/route

  1. Create a new .vue file (preferably in ./src/web/vues/)
  2. Edit ./src/web/_router.js
    1. Add an import statement for the new file (ex import newpage from ./src/web/newpage.vue)
    2. Add a route for the new file (ex { path: '/newpage', component: newpage })

Tips

build dependency graph...

depcruise --exclude "^node_modules" --output-type dot src | c:\resources\bins\graphviz-dot\dot -T svg >dependencygraph.svg

You can’t perform that action at this time.