本地离线预览 React/Vue 等开源工具官方文档网站

外网访问组件库官方文档网站、React 官方等文档网站太慢，解决办法，是将他们克隆到本地预览，即可离线预览，速度也快。这是一个小技巧分享给大家。

这是一个小技巧分享给大家，文档归档在这里。

安装预览工具

将文档克隆到本地，通过 sgo 工具预览本地各种文档的。

npm install -g sgo # 安装 sgo
sgo --fallback index.html # 创建静态服务，预览网站

文档网站

下面分享几个工具的文档网站克隆地址

React

git clone https://github.com/reactjs/zh-hans.reactjs.org.git --depth 1 -b gh-pages
cd zh-hans.reactjs.org # 进入目录
sgo --fallback index.html # 创建静态服务，预览网站

React Native

git clone https://github.com/facebook/react-native.git -b gh-pages --depth 1

注意，在 react-native 的父目录运行 sgo --fallback react-native/index.html
注意，文档网站有很多 cdn 连接资源可以保持下来批量替换成本地资源

Vue

git clone https://github.com/vuejs/cn.vuejs.org.git --depth 1 -b gh-pages

组件库文档网站

Ant Design

git clone https://github.com/ant-design/ant-design.git --depth 1 -b gh-pages
# or Gitee
git clone https://gitee.com/ant-design/ant-design.git --depth 1 -b gh-pages

Ant Design Pro

git clone https://github.com/ant-design/ant-design-pro.git --depth 1 -b gh-pages
# or Gitee
git clone https://gitee.com/ant-design/ant-design-pro-site.git --depth 1 -b master

UIW

git clone https://github.com/uiwjs/uiwjs.github.io.git --depth 1 -b master
# or Gitee
git clone https://gitee.com/uiw/uiw.git --depth 1 -b gh-pages

Element

# Vue版
git clone https://github.com/ElemeFE/element.git --depth 1 -b gh-pages
# React版
git clone https://github.com/ElemeFE/element-react.git --depth 1 -b gh-pages

后台

Sequelize

git clone https://github.com/sequelize/sequelize.org.git --depth 1 -b gh-pages
cd sequelize.org # 进入目录
sgo -d v4 # 创建 Sequelize@v4 版本静态服务
sgo -d v3 # 创建 Sequelize@v3 版本静态服务

Koa

git clone https://github.com/koajs/koajs.com.git --depth 1 -b gh-pages
open index.html # 不需要使用 sgo 工具，浏览器打开 index.html 即可