返回介绍

起步

发布于 2019-05-30 13:40:05 字数 1275 浏览 1224 评论 0 收藏 0

兼容性注意事项

VuePress 要求 Node.js >= 8。

全局安装

如果你只是想随便用下 VuePress,你可以在全局安装它:

全局安装
yarn global add vuepress # 或 npm install -g vuepress

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

# 开始编写文档
vuepress dev

# 构建
vuepress build

在已有项目中安装

如果你想要在一个已有项目中维护文档,就应该将 VuePress 安装为本地依赖。此设置还允许你使用 CI 或 Netlify 服务,在推送时自动部署。

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

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

警告

当将 VuePress 安装到以 webpack 3.x 作为依赖项的已有项目中时,推荐使用Yarn 而不是 npm。因为在这种情况下,Npm 无法生成正确的依赖关系树。

然后,给 package.json 添加一些 scripts 脚本:

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

你现在就可以开始编写文档了:

yarn docs:dev # 或 npm run docs:dev

要生成静态资源,请运行:

yarn docs:build # 或 npm run docs:build

默认情况下,构建的文件会位于 .vuepress/dist 中,该文件可以通过 .vuepress/config.js 中的 dest 字段进行配置。构建的文件可以部署到任何静态文件服务器。关于如何部署到一些常用服务,请参考 部署指南。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文