2. 配置VuePress
一直比较喜欢vue的官方文档的样式,也提供了开源的VuePress,地址为https://vuepress.vuejs.org/zh/,
也是类似风格的文档样式。
根据指南菜单里的说明,创建一个以VuePress为框架模板的网站。
VuePress 需要 Node.js >= 8.6
2.1 创建并进入一个新目录
mkdir vuepress-starter && cd vuepress-starter
2.2 使用包管理器进行初始化
yarn init # npm init
2.3 将 VuePress 安装为本地依赖
yarn add -D vuepress # npm install -D vuepress
2.4 创建第一篇文档
mkdir docs && echo '# Hello VuePress' > docs/README.md
2.5 在 package.json
中添加一些 scripts
{ "scripts": { "docs:dev": "vuepress dev docs", "docs:build": "vuepress build docs" } }
2.6 在本地启动服务器
yarn docs:dev # npm run docs:dev
VuePress 会在 http://localhost:8080 启动一个热重载的开发服务器。
这肯定不是我们想要的漂亮页面,我们再设置一下。