Generator Noogie

screenshot of Generator Noogie
angular

A Yeoman generator that scaffolds out Angular apps using a component-based approach

Overview

NooGie is an innovative Yeoman generator designed to streamline the process of building Angular 1.5+ applications through a component-first methodology. This tool emphasizes the creation of "component bundles" that consolidate the various aspects of Angular components—HTML, CSS (using Sass), and JavaScript—into manageable units. As a result, developers can enjoy a more organized and reusable codebase, laying the groundwork for a smoother transition to Angular 2.0.

While NooGie currently does not support Angular 2.0, its primary focus is on helping developers construct Angular 1.x projects in a way that seamlessly supports future upgrades. With an array of generators available, NooGie equips developers with the tools they need for crafting efficient web applications.

Features

  • Angular Style Guide Compliance: Follows the best practices outlined in the Angular endorsed Angular 1 Style Guide for cleaner code.
  • Automatic Injection: Newly generated component bundle files are automatically injected into the index.html, saving development time and effort.
  • Sass Integration: Component Sass partials are auto-imported into a main.scss file, promoting organized styling.
  • Bootstrap Compatibility: Includes Sass and Bootstrap, which enhances the styling capabilities of generated components while requiring Sass for customization.
  • Multiple Generators: Offers a variety of generators for directives, components, controllers, factories, services, and routes, facilitating a comprehensive development experience.
  • Future Enhancements: Promises exciting upcoming features like dynamic module loading, ES2015 compilation support, and TypeScript integration.
  • Open for Contributions: Actively encourages developer contributions, with a straightforward process for submitting pull requests to enhance the project.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.