fangfe(前端脚手架)

fangfe主要目的是快速开启新项目，并加强前端项目的规范性，统一性。一个入口可以选择不同的开发框架；但是项目目录统一，规范统一，功能统一。项目依赖于Yeoman+Webpack+Bable+Express,能够很好的推进技术升级，避免了手动Copy、繁琐的配置环境. 另外，fangfe还有很好的可配置性，既规范了项目又不缺失灵活性.

作用

• 节约项目搭建时间
• 前端规范统一
• 根据需求自由组合技术栈
• 避免开发人员素质的参差不齐带来的负面影响
• 集成团队最新实践方案(便于推广与落地)
• 避免因个人喜好产生个人风格

安装

npm install -g yo
npm install -g generator-fangfe

创建Project:

yo fangfe

创建Page:

yo fangfe:page

创建Component:

yo fangfe:component

创建Util:

yo fangfe:util

支持项目类型

• [✔] React
• [✔] Vue
• [✔] PC
• [✔] H5

功能特性

• [✔] 可选择Less Lass Css
• [✔] Dll库开关
• [✔] 提取公共模块开关
• [✔] 生成环境文件标记Banner(projectName,author,emaill)
• [✔] 默认开启 CSS moduel
• [✔] 热替换(Hot Replace)
• [✔] 样式前缀(AutoPrefixer)
• [✔] 支持浏览器版本可配置(Browsers Config)
• [✔] Mock接口
• [ ] TypeScript(TODO)
• [ ] 测试用例(TODO)