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

linkin 发布于2019-08-26 10:24 / 3079人阅读

摘要：外网访问组件库官方文档网站官方等文档网站太慢，解决办法，是将他们克隆到本地预览，即可离线预览，速度也快。这是一个小技巧分享给大家，文档归档在这里。安装预览工具将文档克隆到本地，通过工具预览本地各种文档的。

外网访问组件库官方文档网站、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 即可

GPU云服务器云服务器 html 文档预览 html文档在线预览 java文档预览实现 js实现在线文档预览

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/106125.html

【效率专精系列】善用API统一描述语言提升RestAPI开发效率

摘要：其标准为前身是，提供强大的在线编辑功能，包括语法高亮错误提示自动完成实时预览，并且支持用户以格式撰写导入导出转换文档。团队内部RestAPI开发采用设计驱动开发的模式，即使用API设计文档解耦前端和后端的开发过程，双方只在联调与测试时耦合。在实际开发和与前端合作的过程中，受限于众多因素的影响，开发效率还有进一步提高的空间。本文的目的是优化工具链支持，减少一部分重复和枯燥的劳动。现状...

tianyu 2019-08-16 10:42 评论0 收藏0
前端每周清单半年盘点之 React 与 ReactNative 篇

摘要：前端每周清单半年盘点之与篇前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点分为新闻热点开发教程工程实践深度阅读开源项目巅峰人生等栏目。与求同存异近日，宣布将的构建工具由迁移到，引发了很多开发者的讨论。前端每周清单半年盘点之 React 与 ReactNative 篇前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为...

Barry_Ng 2019-08-22 10:54 评论0 收藏0
2016-JavaScript之星

摘要：在，是当之无愧的王者，赢得了与之间的战争，攻陷了的城池。于月发布了版本，这一版本为了更好的表现加入了渲染方式。前端框架这个前端框架清单可能是年疲劳的元凶之一。的创建者，目前在工作为寻找构建简单性和自主配置性之间的平衡做了很大的贡献。春节后的第一篇就从这个开始吧~本文已在前端早读课公众号上首发原文链接 JavasScript社区在创新的道路上开足了马力，曾经流行过的也许一个月之后就过...

Binguner 2019-08-20 14:04 评论0 收藏0
webpack实战

摘要：和类似的预处理器还有等。的用处非常多，包括给自动加前缀使用下一代语法等，目前越来越多的人开始用它，它很可能会成为预处理器的最终赢家。 webpack实战查看所有文档页面：全栈开发，获取更多信息。快马加鞭，加班加点，终于把这个文档整理出来了，顺便深入地学习一番，巩固知识，就是太累人，影响睡眠时间和质量。极客就是想要把事情做到极致，开始了就必须到达终点。原文链接：webpack实战，原...

cyrils 2019-08-22 17:32 评论0 收藏0
(译 & 转载) 2016 JavaScript 后起之秀

摘要：在年成为最大赢家，赢得了实现的风暴之战。和他的竞争者位列第二没有前端开发者可以忽视和它的生态系统。他的杀手级特性是探测功能，通过检查任何用户的功能，以直观的方式让开发人员检查所有端点。 2016 JavaScript 后起之秀本文转载自：众成翻译译者：zxhycxq链接：http://www.zcfy.cc/article/2410原文：https://risingstars2016...

darry 2019-08-20 14:04 评论0 收藏0