https://github.com/jgoux/generator-angulpify

Yeoman generator involving AngularJS, Gulp and Browserify
https://github.com/jgoux/generator-angulpify

Last synced: 3 months ago
JSON representation

Yeoman generator involving AngularJS, Gulp and Browserify

• Host: GitHub
• URL: https://github.com/jgoux/generator-angulpify
• Owner: jgoux
• Archived: true
• Created: 2014-07-22T15:41:01.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2015-08-13T14:52:44.000Z (over 9 years ago)
• Last Synced: 2024-08-22T13:27:35.032Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 563 KB
• Stars: 138
• Watchers: 9
• Forks: 21
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Maintainer needed ! https://github.com/jgoux/generator-angulpify/issues/33

# Angulpify generator [![Build Status](https://secure.travis-ci.org/jgoux/generator-angulpify.svg?branch=master)](http://travis-ci.org/jgoux/generator-angulpify)  [![Gitter](https://badges.gitter.im/Join Chat.svg)](https://gitter.im/jgoux/generator-angulpify?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

> [Yeoman](http://yeoman.io) generator that scaffolds out a front-end web app using [angularjs](https://angularjs.org/), [gulp](http://gulpjs.com/) and [browserify](http://browserify.org/)

![](http://i.imgur.com/ucUfQQz.png)

### Notice

This project is still in early stage of development, so use with caution. API breaking changes at this stage are quite likely.

## Features

* Require() everywhere to build a modular application

* Built-in preview server with livereload

* Automagically compile CoffeeScript (you can use plain JavaScript if you prefer!)

* Automagically lint your scripts

* Automagically compile Sass/Less (you can still use CSS too!)

* CSS Autoprefixing

* Automagically compile your Jade (or HTML if you want!) templates into $templateCache

* Awesome image optimization

* Wire-up Bower dependencies easily with browserify-shim

* Bundle your application for two environments (build/release)

*For more information on what this generator can do for you, take a look at the [gulp plugins](generators/app/templates/_package.json).*

## Tooling

This generator relies on several technologies, make sure your system has:

- [Node.js](http://nodejs.org)

- [Yeoman](http://yeoman.io/learning/index.html)

- [Bower](http://bower.io/#install-bower)

- [Gulp](http://gulpjs.com)

- [LiveReload](http://feedback.livereload.com/knowledgebase/articles/86242-how-do-i-install-and-use-the-browser-extensions)

- [[Ruby](https://www.ruby-lang.org/en/installation/) + [Sass](http://sass-lang.com/install)] | Optional

## Getting Started

- Install: `npm install -g generator-angulpify`

- Run: `yo angulpify`

- Run:

  * `gulp` for building to the `build` directory

  * `gulp --release` for building to the `release` directory

- Go to http://localhost:8080

- Enjoy!

#### Third-Party Dependencies

*(HTML/CSS/JS/Images/etc)*

To install dependencies, run `bower install --save package-name` to get the files, then add an entry into the [browser](generators/app/templates/_package.json#L41) key of your `package.json`.

## Docs

More to come.

## Options

- `--skip-install`

  Skips the automatic execution of `bower` and `npm` after scaffolding has finished.

## Contribute

PRs are welcome!

## Special Thanks

This generator is inspired by the [Web app generator](https://github.com/yeoman/generator-gulp-webapp) and by [Ben Clinkinbeard](http://twitter.com/bclinkinbeard)'s [presentation](http://benclinkinbeard.com/talks/2014/ng-conf/).

Thanks to all the contributors!

## License

[MIT](https://tldrlegal.com/license/mit-license)