Giter Club home page Giter Club logo

generator-angular-meteor's Introduction

Meteor + AngularJS generator Build Status

Yeoman generator for creating Meteor + AngularJS applications - hit the ground running.
Based on angular meteor tutorial, which is well worth spending a few of hours on

Usage

Install generator-angular-meteor:

npm install -g generator-angular-meteor

Run yo angular-meteor appName

yo angular-meteor appName

cd into the new directory to run meteor commands or to create subcomponents

Prerequisites

  • Meteor
    • windows - Download and Install Meteor
    • linux/mac - curl https://install.meteor.com/ | sh

Supported Configurations

  • Scripts: JavaScript, CoffeeScript
  • Markup: HTML, Jade
  • Stylesheets: CSS, Stylus, Less, SCSS
  • CSS frameworks: None, Bootstrap, Angular Material, Ionic
  • Authentication boilerplate: Yes, No
  • oAuth integrations: Facebook Twitter Google
  • Pagination, sorting and searching support: Yes, No
  • Bower package management support: Yes, No

Generators

Available generators:

- [angular-meteor](#app) (aka [angular-meteor:app](#app))
- [angular-meteor:model](#model)
- [angular-meteor:method](#method)
- [angular-meteor:route](#route)
- [angular-meteor:controller](#controller)
- [angular-meteor:view](#view)
- [angular-meteor:filter](#filter)
- [angular-meteor:directive](#directive)
- [angular-meteor:factory](#service)
- [angular-meteor:decorator](#decorator)

App

Sets up a new AngularJS + Meteor app, generating all the boilerplate you need to get started.

Example:

yo angular-meteor myApp

Model

Generates a new database collection.

Example:

yo angular-meteor:model products
[?] Is this a protected model? Yes

Produces:

model/products.model.coffee
server/products.publish.coffee
server/startup/products.load.coffee

Method

Generates a new meteor method.

Example:

yo angular-meteor:method invite

Produces:

methods/invite.method.coffee

Route

Generates a new route with optional model and list/detail routes

Example:

yo angular-meteor:route products
[?] Where would you like to create this route? client/
[?] Is this a protected route? No
[?] Would you like to make List/Details routes? Yes
[?] Would you like to create a Model? Yes

Produces:

client/products/products.routes.ng.coffee
client/products/products-list.controller.ng.coffee
client/products/products-list.view.ng.jade
client/products/product-detail.controller.ng.coffee
client/products/product-detail.view.ng.jade
client/products/products.styl
model/products.model.coffee
server/products.publish.coffee
server/startup/products.load.coffee

Controller

Generates a controller.

Example:

yo angular-meteor:controller user
[?] Where would you like to create this controller? client/

Produces:

client/user/user.controller.ng.coffee

Directive

Generates a directive.

Example:

yo angular-meteor:directive myDirective
[?] Where would you like to create this directive? client/components/
[?] Does this directive need an external html file? Yes

Produces:

client/components/my-directive/my-directive.directive.ng.coffee
client/components/my-directive/my-directive.ng.jade
client/components/my-directive/my-directive.styl

Filter

Generates a filter.

Example:

yo angular-meteor:filter myFilter
[?] Where would you like to create this filter? client/components/

Produces:

client/components/my-filter/my-filter.filter.ng.coffee

Decorator

Generates an AngularJS service decorator.

Example:

yo angular-fullstack:decorator serviceName
[?] Where would you like to create this decorator? client/components/

Produces

client/components/service-name/service-name.decorator.ng.coffee

Meteor Components

The following packages are always installed by the app generator:

  • angular-meteor
  • ui.router

These packages are installed optionally depending on your configuration:

  • angular-material
  • bootstrap
  • angular-ui-bootstrap
  • publish-counts
  • pagination
  • fourseven:scss
  • flemay:less-autoprefixer
  • mquandalle:stylus
  • coffeescript
  • civilframe:angular-jade

Configuration

Yeoman generated projects can be further tweaked according to your needs by modifying project files appropriately.

A .yo-rc file is generated for helping you copy configuration across projects, and to allow you to keep track of your settings. You can change this as you see fit.

Testing

Still needs doing, let me know if you think you can help

Contributing

Please see CONTRIBUTING.md

License

BSD license

heavily inspired by generator-angular-fullstack

generator-angular-meteor's People

Contributors

ndxbxrme avatar svenskunganka avatar snowyu avatar j2l4e avatar prashcr avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.