generator-fangfe

Let's Create Project so easy!

Usage no npm install needed!

<script type="module">
  import generatorFangfe from 'https://cdn.skypack.dev/generator-fangfe';
</script>

README

fangfe(前端脚手架)

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

image

作用

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

安装

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)