Installing VuePress

Let’s dive into VuePress so you can better understand how the two are similar, yet different. Like every other product in the ecosystem, you can install it via NPM or Yarn.

$ npm install -g vuepress
# or
$ yarn add vuepress

Easy enough right? When it’s finished downloading, you now have access to the vuepress command. In your working directory, create a new folder and enter it. Let’s create a simple markdown file and generate it with VuePress.

$ mkdir vuepress-playground
cd vuepress-playground

# Create the Markdown file
echo '# I\'m Markdown Content' > README.md

If you look into the project directory or open it in VS Code or Atom, you will now see a README.md file in the root directory of your project. When generated, all README.md files will be converted to index.html files.

# Open project in Atom
$ atom .

# Open the project in VS Code
$ code .

When you’re done creating your first markdown file, build with the project...