AOTOO-HUB 是一套前端全栈型脚手架
- 支持 REACT/VUE/小程序/RN
- 支持多项目开发,所有项目放置于开发空间中,可独立编译,运行
- 简单、高效的命令行操作
- 支持各种动态样式
- 支持远程项目,可以安装gitee/github的项目到本地
- 配置server为true,支持node支撑的后端服务,也可作为项目中间层
aotoo-hub建立了一个统一的开发环境(基于webpack4),所有项目可以共享开发环境中的编译资源,如babel, sass等。按照简单的目录规则,可以快速开始项目,无需关注编译环境
workspack
└── src
│── hub-react
│── hub-vue
└── hub-xcx # 小程序项目
启动项目也非常简单
aotoo dev hub-react # 启动hub-react项目,启动开发模式
aotoo build hub-react # 按生产模式编译hub-react项目
通过专属命令aotoo
启动项目并附带运行状态,有3中基础命令及由基础命令衍生的状态命令,这个我们会在后面详细说明
aotoo dev # 开发模式
aotoo build # 生产编译模式
aotoo install # 安装远程项目
通过命令行可以快速切换不同的开发环境(需先创建配置文件),如测试,预发布,生产等等
aotoo dev project --config test # 启动测试环境
aotoo dev project --config pre # 启动预发布环境
产出目录
├─ dist # 输出目录(前端)
│─ 1.0.1 # 版本目录,依据配置中的version字段
└─ 1.0.8
└─ dev # 开发目录
│── js/index.js
│── html/index.html
...
在aotoo-hub
配置文件aotoo.config.js
中配置相关项目的server属性为true,即可以将该项目由纯前端项目转变为大前端项目,由node提供server服务
把本地项目(基于规则目录)发布到gitee/github后该项目可作为远程模板被其他开发人员安装到本地。