A full-featured frontend project template for modern single-page applications built on Vue.js and Webpack.
JavaScript Vue CSS HTML
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.vscode
build
config
e2e
src
static
test
unit
.babelrc
.editorconfig
.eslintignore
.eslintrc.js
.gitignore
.nvmrc
.postcssrc.js
README.md
jsconfig.json
netlify.toml
package-lock.json
package.json

README.md

Bellevue

Bellevue is a full-featured frontend project template for modern single-page applications built on Vue.js and Webpack.

Bellevue is based on the official vuejs-templates/webpack template, but extends it with many additional tooling features such as preconfigured SCSS support, SVG pipeline, extensive linting and centralised configuration.

While the official template is only a Hello world, Bellevue's goal is to set you up with a well-documented, thought-out application structure with all the patterns you need for building a complex application such as SVG compilation, routing, state management, persistence and more (see feature comparison).

Requirements

  1. The Node version defined in .nvmrc

Protip: manage node versions easily with nvm.

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# serve with hot reload at custom port
PORT=1234 npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build:report

# run unit tests
npm run unit

# run unit tests and show coverage report
npm run unit:report

# run unit tests and with hot reload (`jest --watch`)
# NOTE: You have more options in the terminal after you run this command
# NOTE: You can change this to `--watchAll` in `package.json` in case of issues
# NOTE: See https://github.com/facebook/jest/issues/4883
npm run unit:watch

# run e2e tests
npm run e2e

# run all tests
npm test