vuepress-theme-antdocs — Ant Design设计风格的VuePress主题公测发布

2,094 阅读1分钟

背景

经过我几天魔改之后,VuePress 主题 AntDocs 终于可以公测啦!本主题采用 Ant Design 设计风格,以及搭载了 Ant Design Vue 组件,可以直接使用 Ant Design Vue,另外还优化了很多模块,比如手机适配、首页底部栏等等。(本来要发布 0.0.9-alpha,但是官方文档已经写好,就直接扔 0.1.0-beta 了)这个我就直接给出官方文档链接啦:AntDocs of VuePress
另外,我会在本篇文章简单说明下如何安装以及使用该主题。

快速上手

在开始之前,推荐先熟知 Ant Design Vue 以及 VuePress 的基本使用,并正确安装和配置了 Node.js v8.9 或以上。官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的基本知识,并且已经完全熟知了 Ant Design Vue 的使用以及 VuePress 的正确开发方式。

安装主题

使用 yarn 安装 AntDocs 主题:

yarn add vuepress-theme-antdocs

或者使用 npm 安装它:

npm i vuepress-theme-antdocs

如果你的网络环境不佳,推荐使用 cnpm

引用主题

打开 .vuepress/config.js 文件,然后在合适位置引用它:

module.exports = {
  ...
  theme: 'antdocs',
  ...
}

如果你对 VuePress 主题配置不是很了解,请点这里:使用主题

配置完毕后,你就可以直接 yarn run docs:devnpm run docs:dev 查看效果。

效果预览

AntDocs of VuePress

Github

AntDocs of VuePress
如果觉得不错的话,不妨到 github 上给我点个star~谢谢啦❤️!