Are you about to begin an important Vue App? To ensure you start with a solid foundation, you might use a template (aka boilerplate, skeleton, starter, or scaffold). In this article, we’ll look at 5 that include key features that new projects will often require.

1. vue-webpack-boilerplate

This template was the main template for vue-cli verison 2.*.

Now that we have released a stable version of vue-cli 3, which incorporates all features that this template offers (and much more), we think that this template doesn’t have any significant use for the future, so we won’t put much resource in developing it further.

We will try and fix major issues should they arise, but not much more.

Feel free to fork this template if you want to keep it alive.

vue-webpack-boilerplate

Download

2. vuesion

The most complete boilerplate for production-ready PWAs. With focus on performance, development speed, and best practices

vuesion

Demo

Download

3. Vue, Express, MongoDB full-stack JS Boilerplate

This is a full stack webapp boilerplate project with VueJS + ExpressJS + MongoDB. It is NOT an out-of-box project. I make it in order to create an up-to-date starter repo which contains all important functions (user signup, login, oauth, profile, …etc) except the business-logic. So when neccessary I can create a new webapp and only need to develop the business logic.

Vue Express Mongo

Download

4. Vue Enterprise Boilerplate

This is an ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI 3.

Features

Thorough documentation: Written with the same care as Vue’s core docs to quickly train new team members and consolidate knowledge.
Guaranteed consistency: Opinionated linting for Vue, JavaScript/JSON, SCSS, and Markdown, integrated into Visual Studio Code and run against staged files on pre-commit.
First-class tests: Practice test-driven development with both unit and end-to-end tests. Unit tests with Jest live as first-class citizens alongside your source files, while Cypress provides reliable end-to-end tests in an intuitive GUI for development.
Speedy development: Between configurable generators, handy aliases, and global base components, your productivity will skyrocket.

Vue Enterprise Boilerplate