Operations console for KubeAGI
克隆项目:
git clone https://github.com/kubeagi/ops-console.git
# 如果还没有 git 地址,可以先在项目中执行 git init --initial-branch=main 后再初始化 submodule
git submodule add https://github.com/kubebb/portal-contrib.git
环境要求:
- Node.js v18.x
- pnpm v8.x
进入目录安装依赖:
npm i pnpm @antfu/ni -g
ni
开发:
# 首次开发时需要做下 api 配置
cp config/api.sample.ts config/api.ts
# 启动 portal
nr dev
自动提取中文文案:
使用工具kiwi-clis
- 全局安装kiwi-clis(注意:1.0.24版本和1.1.0版本,提取操作有问题:不能指定文件夹,需要具体到文件;但1.1.0版本支持提取js、jsx文件)
yarn global add [email protected]
- 执行
kiwi --extract
,如:
kiwi --extract src/pages/ModelAppDetail --prefix I18N.ModelApp
nr build
执行以下命令可在本地构建镜像:
chmod +x ./build.sh ./update_base_image.sh
./build.sh
运行镜像:
docker run -d -p 8000:80 kubeagi/ops-console
然后浏览器中打开 http://localhost:8000/kubeagi-portal/test 即可访问 portal。
初始化 git hooks 工具 husky:
npx husky add .husky/pre-commit 'npx --no-install lint-staged'
npx husky add .husky/commit-msg 'npx --no -- commitlint --edit "$1"'
chmod +x .husky/pre-commit .husky/commit-msg
# 记得提交初始化好的 husky 脚本
git add .husky/
注意:初始化项目后一定要再初始化下 git hooks 工具 husky,记得提交初始化好的 husky 脚本。
执行 lint 检查:
nr lint
注意事项: lint 规则默认忽略了 js、jsx 及 css 文件,这些文件一般都是低代码平台自动生成的,如果要手动开发页面,请使用 ts、tsx 及 less。