Vue Router Quickstart

Starter template for a multi-page Vue 2 app

Preview

About

This project was generated using the GUI invoked by this command:

$ npx @vue/cli ui

The router option was enabled there to set up the Home and About pages - Project plugins then Add vue-router.

You can also use this to add Vue Router to an existing project.

$ vue add router

To create a simpler project without Vue Router, see:

• 

For a Vue 3 project using Vue Router and slash-based paths.

• 

Requirements

• Node.js
• Yarn

Installation

How to setup the app locally

Install system dependencies

Install Node.js and Yarn - see these gist instructions.

Clone

Clone the repo - or your own repo generated from the template

$ git clone git@github.com:MichaelCurrin/vue-router-quickstart.git
$ cd vue-router-quickstart

Install project dependencies

Install Node packages.

$ yarn install

Recommended extensions

To add syntax highlighting of .vue files in VS Code, install an extension such as Vetur.

Usage

How to run the app locally

Run

Compile and start a hot-reloading dev server.

$ yarn serve

Open in the browser:

• https://localhost:8080

Build

Compile and minify for production.

$ yarn build

View the output in the unversioned dist directory.

Lint and fix

$ yarn lint

Add Prettier support:

• Install prettier
• Add @vue/prettier to eslintConfig extends in package.json.

Customize configuration

See Configuration Reference.

License

Released under MIT.