Skip to content

A single page application with vue.js, vuex, typescript and webpack4

Notifications You must be signed in to change notification settings

Burgi0101/vue-persons-app

Repository files navigation

vue-persons-app

A vue.js spa with vuex, typescript and webpack

Getting Started

Clone/Download the repo:

Fork this repo from GitHub or simply download the .zip bundle with the content inside.

Dependency installation

Download and install Node.js here for Windows or for Mac.

Project installation and server

Now you've pulled down the repo and have everything setup, using the terminal you'll need to cd into the directory that you cloned the repo into and run some quick tasks:

cd <vue-persons-app>
yarn install
# OR
npm install

This will then setup all the development and production dependencies you need.

Development server

Now simply run this to start up the server:

yarn start
# OR
npm start

The webpack-dev server is using json-server as a fake backend. The db.json is used like a database where you can read and write to. For more information you can check the link on the bottom of the page.

Visit localhost:8080 to see the app running.

Tasks

A quick reminder of all tasks available:

yarn build
yarn build:dev
yarn build:prod
yarn start
yarn test

Resources

There are several resources used inside this project, of which you can read further about to dive deeper or understand in more detail what they are: