Using VuePress for Documentation

VuePress comes with more features out of the box for documentation. With little to no configuration. As you probably could tell if you installed VuePress for the previous example that VuePress comes with a default theme. Let’s explore some of the out-of-the-box features that VuePress has to offer.

First, create a new project.

$ mkdir vue-documentation
$ cd vue-documentation
$ touch README.md # create file

# Open in VS Code
code .

# Open in Atom
atom .

Creating a Title and Navigation

After installation, VuePress is pretty bare. With a blank header and an off-canvas navigation for mobile devices. Let’s fill some things in the VuePress way.

Create a new directory and file .vuepress and config.js respectively.

$ mkdir .vuepress
$ cd .vuepress
$ touch config.js

Inside of config.js, export a Webpack module and add a title:

.vuepress/config.js

module.exports = {
  title: 'VuePress Test Site',
};

You should see the title in your...