VuePress

---

Hello Stackers, let’s continue our research about page builders. We are currently trying the Vue Framework Feature which is used in creating the documentation.

VuePress is composed of two parts: a minimalistic static site generator (opens new window)with a Vue-powered theming system and Plugin API, and a default theme optimized for writing technical documentation. It was created to support the documentation needs of Vue’s own sub projects.

VuePress

VuePress has many features, of course it provides a markdown format for us. Let’s GO to the Quick Start.

yarn create vuepress-site docs
cd docs
yarn install
yarn dev

and we can see on the folder structure:

.
├── docs
│   ├── .vuepress (Optional)
│   │   ├── components (Optional)
│   │   ├── theme (Optional)
│   │   │   └── Layout.vue
│   │   ├── public (Optional)
│   │   ├── styles (Optional)
│   │   │   ├── index.styl
│   │   │   └── palette.styl
│   │   ├── templates (Optional, Danger Zone)
│   │   │   ├── dev.html
│   │   │   └── ssr.html
│   │   ├── config.js (Optional)
│   │   └── enhanceApp.js (Optional)
│   │ 
│   ├── README.md
│   ├── guide
│   │   └── README.md
│   └── config.md
│ 
└── package.json

Additional

• VuePress uses Vue.js to generate your website UI
• VuePress was designed for documentation websites and has some built-in, documentation-specific website features
• Evan You (creator of Vue.js) is currently working on a new version of Vuepress called VitePress.

That’s all for us, we going back after the next Post. Full documentation you can visit here and cyaaa..