0.0.45 • Published 6 months ago
sea-lion-ui v0.0.45
名字介绍
特点
安装
- 创建项目
> cls create hello-app # 使用sea-lion-client创建一个项目
> cd hello-app
> npm i sea-lion-app
- 首先全局import样式
app.tsx
import 'sea-lion-ui/dist/index.css';
- 在业务代码使用
hello.tsx
import React from 'react';
import { useIntl } from 'react-intl';
import { Button, IconFont } from 'sea-lion-ui';
const Hello = () => {
const Intl = useIntl();
return (
<div>
{
Intl.formatMessage({
id: 'hello',
defaultMessage: '嗨'
})
}
<Button type="primary" disabled>
<IconFont icon="icon-CompassionOutlined" />
hello
</Button>
</div>
);
};
export default Hello;
命令
# 运行开发环境
npm run dev
# 打包
npm run build
发布
以下两个命令选择一个执行即可:
# interactive and allows you to confirm each task before execution
npm run release
# or auto increase version on patch
npm run release-auto;
# more info: https://github.com/release-it/release-it
组件开发
- 首先checkout一个功能分支,分支名为:feat-cmp-xxx,xxx为需要开发的组件名,比如开发button组件,分支名为:feat-cmp-button
- 发布成功后提一个mr,合并到develop分支,管理员代码审核通过后会通过mr,然后合并到main。