Vuepress 初使用

Vuepress使用

前不久在某微信公众号上面看到了Vue 发布了自己的静态网站生成工具Vuepress,处于好奇便按照这官方文档体验了下，下面就说说我对Vuepress的使用感受。
按照官方的说法，Vuepress网站是基于Vuejs,vue-route,webpack驱动的单页面应用。下面说说具体用法：

安装

全局安装

# 安装vuepess
yarn global add vuepress

# 创建一个 markdown 文件
echo '# Hello VuePress' > README.md

# 开始编写文档
vuepress dev

# 构建
vuepress build

局部安装(适用于已经存在的项目)

# 安装为本地依赖项
yarn add -D vuepress # 或 npm install -D vuepress

# 创建一个 docs 目录
mkdir docs

# 创建一个 markdown 文件
echo '# Hello VuePress' > docs/README.md

#运行
vuepress dev docs

这里推荐用yarn安装npm包，比npm更可靠，速度更快
ps:node版本必须>=8.0才能使用vuepress

编写文档

1. 在项目根目录创建.vuepress文件夹，然后在里面添加config.js，这里的config.js是配置静态的页面的文件，具体有待看官方文档
2. 下面就可以正式添加内容了，编辑docs/README.md文件可以实时修改网页内容

目前就操作到这里，原本想在网页上方添加导航链接，看了文档之后觉得Vuepress的配置还是比较麻烦的，所以等以后看完所有文档再进行更新