Skip to content

moderateMan/moderate-react-template

Repository files navigation

项目预览

Moderate "终"定在哪?

Moderate,意思为适中的,适度的,用这个作为代号,主要取决于他的本名“中用”,其一以贯之的想法就是中庸,秉承着以人为本的态度,着眼一般且常见业务,整理出一套“还行”的解决方案,选择性地追求先锋,策略性地坚持守拙,大体保持趋向极致的中庸,目标是打造一个没那么“重”(各种设限),没那么“轻”(啥也没有),方便演化的一个有生命力的脚手架,这就是Moderate所追求的“终”。

基于此想法指导下,初步具备了以下主要功能:

🥟 开箱即用

🍢 路由可配置可约定,简单好用

🥥 面向对象的思想设计业务模块,代码更简洁

🥪 常用组件封装,复用性更好

🍱 抽象出数据管理器层,业务组织的更清晰高效

🍬 基于Axios进行必要的封装

🇬🇧 封装了更好用的国际化高阶组件

🥦 封装了更好用的Mock功能

📐 对请求出入参数结构进行深度正确性校验

🍉 封装了更好用的Mobx仓库基类.

📒 封装了更好用的MD文档功能,很独特

🥡 集成Electron,结合Gulp进行定制化发布

🏀 集成Cocos引擎,可以做更炫更酷的效果

🍎 Lerna结合Commander开发脚手架工具,更具扩展可能

🐱‍🏍 支持TypeScript或JavaScript开发

快速上手

环境准备

首先得有 node

推荐使用 yarn 管理 npm 依赖,并使用国内源(阿里用户使用内网源)。

安装 qanglee-cli

  npm i -g qanglee-cli

创建项目

先找个地方,然后执行qanglee create或者npx qanglee create

  qanglee create
? your projectName: Moderate

安装前必要准备

设置淘宝镜像

npm config set registry=https://registry.npm.taobao.org/

解决electron安装卡住的问题

npm config set ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

安装依赖

yarn

运行

npm start
或
yarn start

效果图

用不用

因人而异,Moderate就是在“平平无奇”的地方,做着”普普通通“的事情,不奢望会被接受,不忧虑会被否定,一直在路上,仅希望有一分就贡献一分光和热。

作赋一首,以抒胸意

前潜皆可,可攻可守。 黑白皆容,趋善避恶。 乾坤知易,随遇而刻。 保中守和,无成有终。