PATD-VUE 开发上手指南
React UI library based on Pay.css
结构介绍
- pay-css：这是一个submodule独立的代码库,也是一个独立的项目，用来编写和生成CSS样式的代码库。
- example：这是一个可以运行的项目，用来展示编写的组件样式和测试功能。
- src: 组件在这个目录下编写。
- docs: 这个是PATD官网组件文档引用的md,在这里编写官方文档.安装
要开始Patd-vue的开发，需要同安装好pay-css,patd-vue,example 三个项目。
请注意你的Node JS 版本：
- Node 版本：16.14.0 (软件超市可以安装)
- npm 版本： 8.5.5
初始化 submodul Pay-css
git submodule init
git submodule update安装 Pay-css
patd-vue: cd pay-css
pay-css: npm install安装 Patd-vue
patd-vue: npm install安装 Example
- 由于Cypress依赖需要外网环境安装，所以安装依赖Cypress时可能会报错。Cypress的报错并不影响项目启动，可以跳过。
- 更好的办法是在package.json当中去掉 Cypress, 这是个用来测试的依赖，开发不会用到。
patd-vue: cd example
example: npm install启动项目 start
首先启动pay-css，让他生成css文件，patd-vue的大部份样式都依赖于此，编写样式也在这里完成。
patd-vue: cd pay-css
pay-css: npm run start然后我们就可以开始开发了，启动我们的patd-vue
patd-vue: npm run start最后我们想要查看我们的组件效果，所以也要启动example项目，实时查看最终的效果。
patd-vue: cd example
example: npm run start同时启动以上三个项目，最后打开http://localhost:8080/#/ 就可以开始开发了
代码提交规范
项目已开启神兵钩子检测，提交需要按照规范格式
<空间简称#卡片ID> <type>(<scope>): <subject>
// 空一行
<body>
// 空一行
<footer>
header
空间简称#卡片ID
必填。 故事卡片、任务卡片、缺陷卡片三类卡片可提交代码，该信息可以直接通过卡片标题前的复制按钮获取
type
必填。
- feat：新功能,新特性（feature）
- fix：修复bug
- docs：文档（documentation）
- style：代码格式修改，功能保持不变
- test：测试用例修改,
- chore：构建过程或辅助工具的变动, 比如构建流程, 依赖管理等.(无法判断的提交推荐用这个)
scope
可选。 scope用于说明 commit 影响的范围，比如数据层、控制层、视图层等等，视项目不同而不同。也可以是route, component, utils, build...
subject
必填。 subject是 commit 目的的简短描述，不超过50个字符
body
Body 部分是对本次 commit 的详细描述，可以分成多行。 提交的时候应该说明代码变动的动机，以及与以前行为的对比。
footer
footer 部分只用于两种情况。
- 不兼容变动 如果当前代码与上一个版本不兼容，则 footer 部分以BREAKING CHANGE开头，后面是对变动的描述、以及变动理由和迁移方法。
- 关闭 Issue 如果当前 commit 针对某个issue，那么可以在 footer 部分关闭这个 issue 。
Closes #123, #234, #345