/gulp-angular-semantic-ui

Yeoman generator for beautiful and responsive webapp

Primary LanguageJavaScript

Gulp + AngularJs + Semantic-UI

Yeoman generator for beautiful and responsive webapp

Demo

http://gustavohenrique.github.io/gulp-angular-semantic-ui

Features

  • Built-in preview server with livereload
  • Automagically lint your scripts
  • Awesome image optimization
  • Token authentication
  • Login form
  • Table with pagination
  • E2E tests using Protractor
  • Unit tests using Mocha + Chai
  • CSS Autoprefixing

Getting Started

Creating

npm install -g gulp bower yo generator-gulp-angular-semantic-ui
mkdir mywebproject && cd mywebproject
yo gulp-angular-semantic-ui
bower install
npm install

Watching

  • Run a localhost server listen on port 9000: gulp serve

Building

  • Concat all html, js and css files and minify them to the dist directory: gulp build:

Testing

  • Install the drivers: node_modules/gulp-protractor/node_modules/protractor/bin/webdriver-manager update
  • Run the server via terminal: gulp serve
  • Start a standalone webdriver instance (if you aren't using Chrome): gulp webdriver
  • Run the e2e tests: gulp e2e
  • For unit tests: npm test

Changes

v0.9.0

  • AngularJS 1.47
  • Semantic-UI 2.1.4
  • Removed gulp-postcss

License

MIT license