/generator-ctfd

前端开发环境和工具 generator-ctfd

Primary LanguageJavaScript

前端项目工程化生成器

Build Status

根据yeoman-generator编写的项目构建工具的生成器，可以快速的搭建前端一系列解决方案。

##特点

  • 基础的css、img、js的检测、压缩、合并。
  • 自动编译Less
  • 内置webpack,兼容AMD or CMD开发方式，无需引入requirejs or seajs库。自动的模块打包方式，完全没有requirejs的rjs配置的烦恼。http://yeoman.io/authoring/
  • 本地server服务，方便数据mock. 详见说明
  • 本地静态文件的SSI include支持 详见说明
  • 使用bower进行js的依赖管理
  • 自动静态文件时间戳处理
  • 发布时支持静态文件添加cdn域前缀。

##依赖

  • 假设已安装node略
  • 全局安装[http://yeoman.io/authoring/](yo): npm install yo -g ;
  • 全局安装 [http://yeoman.io/authoring/](bower): npm install bower -g

##入门

  • 假设上面的依赖已经安装成功, 然后全局安装 npm install generator-ctfd -g

  • 在项目目录文件下运行：npm install yo ctfd 将出现相应的项目ask，如下图;

  • 如果上面已完成(项目目录已生成相应的文件), 安装模块依赖：运行:npm install

  • 安装lib依赖：bower install

  • 上面完成后，运行gulp build进行构建，运行gulp server显示基本的demo;

API

TODO

  • 完善单元测试
  • 细节处理，修改部分bug,完善相关文档

###参考资料 http://yeoman.io/authoring/ http://www.jscon.co/coding/frontend/yeoman_generator.html http://smm.zoomquiet.io/data/20130910155524/index.html http://smm.zoomquiet.io/data/20130910155513/index.html http://yeoman.github.io/generator/ https://github.com/SBoudrias/Inquirer.js