前端内网开发如何down UI 组件库文档

805 阅读2分钟

背景

最近新入职了一家公司,同事很棒,工作氛围很棒 等等啥都棒,但是有个最大的痛点: 内网开发。 你说断了我 cv 大法,还如何能划水? 让我们把文档 down 下来继续划水吧。。。
前端使用 angular、vue、使用了 ng-zorro/element/ant-design-vue.

最令人放心的 angular、ng-zorro

angular 官网就有如何部署离线文档的教程,按照操作一步一步打包 然后就没了。 同样 ng-zorro 也是 直接github down 下来代码。你切换到对应版本分支 直接 npm run doc;很快就有打包好的 离线文件供你使用。

vue相关文档或者 vuepress 构建的。

最开始不清楚,去vuepress 官网查了才知道 npm run docs:build; 直接打包在 docs/.vuepress/dist 文件夹下。这个也比较方便。 vue2 vue3 vuerouter/vuex 等 都可以使用此方法获取离线文档。 element-plus 也是使用 vuepress 构建,此方法同样适用,只是打包后的文件夹可能不一定在docs下 需要自己看下。

elementUI、ant-design-vue

  1. ant-design-vue:看了一点时间 package.json 尝试了下没有成功。没法子只能去找我生命里重要的男人。非常感谢,我找的第一份vue 工作,就是看了他的 极客时间 vue课程,才拿下面试的。

aaaaa.png

bb.png 大佬指明了方向,那么我们就去好好研究下:
在package 一顿操作,安装node-modules 删除 node_modules 再安装 再删除。 终于通过某个命令把文档打包出来了。 因为后面老哥说的原因,我就不说方法了。 直接送上链接 3.1.0.r3 访问码:xbu3; 请大家自觉使用,勿商业化使用
再次给唐大佬申明下: ant-design-vue 是个人全职维护的项目,和阿里没关系。感谢付出! 至于 1.7 的文档 还没法子搞下来。打包后访问不了,暂时还没解决。等周末再研究研究看看。 2. elementUI 这个 2.15 版本分支 使用 build:theme 命令可以找到 打包好的文档在 example/element-ui 这个就是文档。 现在就差 react 文档了。 公司目前用不上先不研究了。

总结

如果只是练手写个组件库不难,但是想完善、想成熟 组件库作者需要做的很多很多。感谢各位开发者的贡献。 element api 是真赞! 符合直觉。