PAI-UI 前端脚手架
介绍
PAI前端脚手架里,拥有对接PAI的公共基础服务、对接服务部署、门户组件、流程表单等基础能力。使用Pai-ui组件库。
Pai-ui是一款基于element-ui前端集成解决方案,采用最新的前端技术栈.
文档
一、开发
# 安装依赖
npm install
或者 npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run dev
二、部署
# 安装依赖
$ npm install
# 测试环境部署
$ npm run build:test
$ npm run test
# 生产环境部署
$ npm run build:prod
$ npm run prod
For detailed explanation on how things work, check out Nuxt.js docs.
三、小组件开发及发布
1、WEB小组件
# create
在/static/widget/ 下编写组件
/static/widget/XXX
# build
打包所有web小组件
$ npm run build:widget
打包指定名称小组件
$ npm run build:widget -n comp-test
# preview
http://localhost:80/工程路由/preview
# deploy 发布web小组件
$ pai deploy --widget --web -n comp-test
2、APP小组件(基于Pai工具)
# create
pai widget -n 组件名 --create -d 描述
例: pai widget -n test_a --create -d 测试组件
# build
pai widget -n 组件名
例: pai widget -n test_a
# preview
http://localhost:80/工程路由/preview
# deploy 发布app小组件
$ pai deploy --widget --app -n comp-test
四、表单开发及发布
# create
在/static/form/XXX/web/ 下编写web端表单
/static/form/XXX/web/index.vue
在/static/form/XXX/app/ 下编写app端表单
/static/form/XXX/app/index.vue
# build
打包所有form表单(web/app端)
$ npm run build:form
- 打包表单web端
$ npm run build:form-web
- 打包表单app端
$ npm run build:form-app
打包指定名称的表单
$ npm run build:form -n form-test
# preview
http://localhost:80/工程路由/preview
# deploy 发布表单
- 发布app端及web端表单
$ pai deploy --form --all -n form-test
- 发布web端表单
$ pai deploy --form --web -n form-test
- 发布app端表单
$ pai deploy --form --app -n form-test