VuePress is composed of two parts: a minimalistic static site generator with a Vue-powered theming system, and a default theme optimized for writing technical documentation. It was created to support the documentation needs of Vue's own sub projects.
VuePress is composed of two parts: a [minimalistic static site generator](https://github.com/vuejs/vuepress/tree/next/packages/%40vuepress/core) with a Vue-powered theming system and [Plugin API](../plugin/README.md), and a [default theme](../default-theme-config/README.md) optimized for writing technical documentation. It was created to support the documentation needs of Vue's own sub projects.
Each page generated by VuePress has its own pre-rendered static HTML, providing great loading performance and is SEO-friendly. Once the page is loaded, however, Vue takes over the static content and turns it into a full Single-Page Application (SPA). Additional pages are fetched on demand as the user navigates around the site.
...
...
@@ -14,8 +14,21 @@ During the build, we create a server-rendered version of the app and render the
Each markdown file is compiled into HTML with [markdown-it](https://github.com/markdown-it/markdown-it) and then processed as the template of a Vue component. This allows you to directly use Vue inside your markdown files and is great when you need to embed dynamic content.
## Life cycle
Below is a diagram for the VuePress application lifecycle in dev and build modes.
It is worth noting that during the `prepare` phase, VuePress does the following:
1. Resolve config
2. Initialize and apply [Plugin API](../plugin/README.md)
3. Initialize [webpack](http://webpack.js.org/) configuration and create [markdown-it](https://github.com/markdown-it/markdown-it) instance
## Features
-[Powerful Plugin API](../plugin/README.md)
-[Built-in markdown extensions](markdown.md) optimized for technical documentation
-[Ability to leverage Vue inside markdown files](using-vue.md)
@@ -58,7 +58,6 @@ Finally, don't forget that `this.$route` and `this.$router` are also available a
::: tip
`lastUpdated` is the UNIX timestamp of this file's last git commit, for more details, refer to [Last Updated](../default-theme-config/README.md#last-updated).
Plugins usually add global-level functionality to VuePress. There is no strictly defined scope for a plugin - there are typically several types of plugins you can write:
