工程功能简述
-
目录说明 packages/.. => 放置应用包,搭建与用户交互的应用页面
ui-packages/.. => 放置组件包,提供依赖给有需要的应用包
other-packages/.. => 从第三方开源项目中直接拉过来参考的项目,不会直接使用,要么改成vue的包,要么直接复制其中的js脚本等相关文件来用 -
我的前端开发思想
【组件 => 模板页 => 业务页】
ui-packages 中的组件包中会除了封装零散的组件外,也会把当前包中的组件组成模板页,提供到应用包中使用;
packages 中的某些应用包在有特殊需求的情况下,会自己组合多个组件包的组件来搭建自己的模板也,然后复用模板页,搭建业务页面; -
这是我计划开的一个项目,其中我会对那些无法满足需求的第三方开源库,直接拉到本项目中进行二次修改封装,并发布到 npm 仓库,供有需要的网友一起开发使用;该工程已发布到 npm 仓库进行测试使用(目前仅在测试,不推荐使用),可在 npm 上搜索 lovely-ui 进行查询
-
架构分布 应用包:packages/.. => 使用 vue-cli3 脚手架搭建,其中主要使用 webpack 进行打包项目库 组件包:ui-packages/.. => 使用 vue-sfc-rollup 脚手架搭建,其中主要使用 rollup 进行打包组件库
-
提交代码辅助工具:git-cz package.json 脚本中配置的 commit 指令,平时通过 yarn commit 或 npm run commit 进行提交代码,比较规范 资料参考:https://www.cnblogs.com/weishengzhong/p/9591385.html windows 配置 commitizen :
- 安装nodjs:
- 在cmd或者powershell敲入命令行:npm install -g commitizen
- 进入工程项目仓库,使用 npm init --yes, 然后 commitizen init cz-conventional-changelog --save --save-exact,接着就可以用git cz命令来代替 git commit了。
【API 首页】
- 【流动站点】(国内服务器部署,很快,但是云服务器要花钱租的,有时会因为个人财力不足,一段时间内租不起服务器,或者正在找较便宜的服务器,而暂时没法提供国内站点):
aaa - 【永久站点】(Netlify 部署,虽然永久免费,但是国外站点,你懂的,特别慢):
bbb
npm 网址:https://www.npmjs.com/package/mic-lovely-ui 源码地址:https://gitee.com/data_visual/datavisual_monorepo