/generator-windmill

angularjs脚手架

Primary LanguageJavaScriptOtherNOASSERTION

需要解决的问题


  • 关于安装只使用npm install 不使用bower install
  • 关于模块的选择weui, tab,
  • package.json
  • 那些包是不需要的
  • css类名的命名方法
  • 删除bootstrap
  • 使用多种方式书写样式文件
  • 关于方法的演示,$q的使用
  • 如何书写指令,等各种部分的书写

如果运行的时候出现错误,大多数情况下是node-sass或者optipng-bin安装失败,此时应该先将依赖安装完成后再次运行...

sudo npm install optipng-bin node-sass --save-dev

generate-windmill

一个结合Angular 1.5.x,ES6,Webpack,Gulp,ocLazyLoad的脚手架工具,帮助快速开发你的NG应用

脚手架特色

  • 使用了webpack这个当下十分火热的前端打包工具
  • 使用了ES6的许多新的特性,让我们可以更舒服的书写我们的代码,尤其是带来了模块化开发的便利
  • 使用了express作为我们的后端模拟数据,让我们专注与前端的逻辑与事件的处理
  • 使用了browserSync,让我们可以实时预览我们的应用
  • 使用了ocLazyLoad,配合Webpack让我们的应用可以进行按需加载,提升了用户体验
  • 可以使用Sass,Less,或者CSS来书写我们的样式,甚至可以使用别的样式预处理语言来书写

使用前的准备

  • 全局安装Node开发环境,就是Node.js的安装,自行google
  • 全局安装yo,具体的方法可以参考这个链接yeoman
  • 全局安装generator-windmill:
// Mac
sudo npm i generator-windmill -g
// windows
npm i generator-windmill -g

开始使用

  • 在你项目的根目录内运行命令yo windmill(好比是,在app文件夹内运行)
  • 运行gulp serve进行预览
  • 运行gulp build进行打包
  • 运行gulp deploy进行部署

具体的说明