• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

PinkyJie/generator-aio-angular: All In One AngularJS generator(Material Design/G ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

PinkyJie/generator-aio-angular

开源软件地址(OpenSource Url):

https://github.com/PinkyJie/generator-aio-angular

开源编程语言(OpenSource Language):

JavaScript 77.3%

开源软件介绍(OpenSource Introduction):

generator-aio-angular

All In One Yeoman generator for AngularJS 1.3, using gulp and ui-router with material design, based on John Papa's generator-hottowel and angular-styleguide.

Wanna use Webpack + ES6? Check the angular1-webpack-starter project.

Pure front-end implementation, all API interaction are mocked using angular-mocks. The server folder is just a placeholder here, you can use any back-end technique.

Preview

Check out a demo site generated by this generator.

The dome site is a pure front-end implementation, so you can use any email/password to login, see mock file for detail. It is hosted on Github pages, no back-end support, so we use # style URL.

Feature

  • Material Design
    • Using LumX.
    • Why not Angular Material? Many common used components are missing, for exmaple, dropdown menu.
    • Why not Bootstrap Material? Many components are not implemented, not pure material design.
  • Flex Layout
    • Using flex layout for main layout and many other places.
  • Responsive
    • Support mutiple devices with different screen size.
    • Easy responsive implementation, very convenient to support small screen devices. (see responsive.styl)
  • Animation
    • Using animate.css.
    • All the animation defined by animate.css can be used directly as keyframe animation. (see content.styl)
  • Splited Gulp Tasks
    • Gulp tasks are splited in different files by category. (see gulp folder)
  • More understandable router design
  • Easy implementation for Sidebar Navigation and Breadcrumb

Getting Started

npm install -g yo
npm install -g generator-aio-angular
yo aio-angular

How to do development

Many files(prefixed by _) under app/templates folder include <%= appNmae %> tag which needs to be replaced by Yeoman, it's not very convenient to do development under app/templates folder. That's the reason why I add a script called change-env.js.

  • make app/templates ready for developent:
npm run-script env dev

This will rename all files prefixed by _ to normal name and replace the placeholder tag to normal content.

  • change back from development:
npm run-script env prod

Blog Posts related(written in Chinese)

Future Plan

Check the issues

License

MIT




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap