ローカルオフラインプレビューReact/Vueなどのオープンソースツール公式ドキュメントサイト
2261 ワード
外部ネットワークはコンポーネントライブラリの公式ドキュメントサイト、React公式などのドキュメントサイトにアクセスするのが遅すぎて、解決方法は、彼らをローカルプレビューにクローン化することで、オフラインプレビューができ、速度も速い.これは小さなテクニックです.
これは、ドキュメントをアーカイブする小さなテクニックです.
プレビューツールのインストール
ドキュメントをローカルにクローンし、sgoツールでローカルのさまざまなドキュメントをプレビューします.
Webサイト
以下、いくつかのツールのドキュメントWebサイトのクローンアドレスを共有します.
コンポーネントライブラリドキュメントのWebサイト
バックグラウンド
これは、ドキュメントをアーカイブする小さなテクニックです.
プレビューツールのインストール
ドキュメントをローカルにクローンし、sgoツールでローカルのさまざまなドキュメントをプレビューします.
npm install -g sgo # sgo
sgo --fallback index.html # ,
Webサイト
以下、いくつかのツールのドキュメントWebサイトのクローンアドレスを共有します.
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
が実行されていることに注意してください.ドキュメントのWebサイトにはcdn接続リソースが多数存在し、ローカルリソースに一括置換されます.Vue
git clone https://github.com/vuejs/cn.vuejs.org.git --depth 1 -b gh-pages
コンポーネントライブラリドキュメントのWebサイト
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