# generator-cobe-angular > Scaffold out a Angular web app the COBE way Latest version **0.8.5** (published 2015-07-29) · MIT license · 0 weekly downloads ## Install ```sh npm install generator-cobe-angular pnpm add generator-cobe-angular yarn add generator-cobe-angular bun add generator-cobe-angular ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.8.5 | | Published | 2015-07-29 | | First published | 2015-01-30 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Node | >=0.10.0 | | Dependencies | 4 | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 5 | | Author | Dino Trojak | | Maintainers | dinodsaurus | | Keywords | yeoman-generator, web, app, front-end, h5bp, Angular, gulp | ## Links - npm: https://www.npmjs.com/package/generator-cobe-angular - Repository: https://github.com/dinodsaurus/generator-cobe-angular - Homepage: https://github.com/dinodsaurus/generator-cobe-angular#readme - Issues: https://github.com/dinodsaurus/generator-cobe-angular/issues - npm.io page: https://npm.io/package/generator-cobe-angular ## Dependencies (4) - [chalk](https://npm.io/package/chalk.md) ^0.5.1 - [yosay](https://npm.io/package/yosay.md) ^1.0.0 - [wiredep](https://npm.io/package/wiredep.md) ^2.2.2 - [yeoman-generator](https://npm.io/package/yeoman-generator.md) ^0.18.5 ## Alternatives - [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads - [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads - [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads - [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads - [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads ## Recent versions - 0.8.5 (latest) — 2015-07-29 - 0.8.4 — 2015-06-03 - 0.8.3 — 2015-06-01 - 0.8.2 — 2015-05-31 - 0.8.1 — 2015-05-27 - 0.8.0 — 2015-05-27 - 0.7.9 — 2015-05-14 - 0.7.8 — 2015-05-14 - 0.7.7 — 2015-05-08 - 0.7.6 — 2015-04-22 - 0.7.5 — 2015-04-21 - 0.7.2 — 2015-03-09 - 0.7.1 — 2015-02-26 - 0.7.0 — 2015-02-20 - 0.6.9 — 2015-02-18 - … 10 more at https://npm.io/package/generator-cobe-angular/versions ## README # Cobe angular generator [Yeoman](http://yeoman.io) generator that scaffolds out a [Angular](https://angularjs.org/) application using [gulp](http://gulpjs.com/) for the build process. This generator is build on top of the [gulp-webapp](https://github.com/yeoman/generator-gulp-webapp) generator. Build by people from [COBE](http://cobeisfresh.com/) with <3 ![](screenshoot.png) ## Features Please see [gulpfile.js](app/templates/gulpfile.js) for up to date information on what we support. * Write ECMA Script 6 code using [babel](https://babeljs.io/) * Error handling using [plumber](https://www.npmjs.com/package/gulp-plumber) * CSS Autoprefixing * Pre commit hook that validates your code * Built-in preview server with BrowserSync * Automagically compile Sass with [libsass](http://libsass.org) * Automagically minify your scripts * Automagically generate angular templates * Automagically wire-up dependencies installed with [Bower](http://bower.io) * Awesome image optimization * Easy unit testing with Karma and Jasmine * Easy e2e testing with Protractor *For more information on what this generator can do for you, take a look at the [gulp plugins](app/templates/_package.json) used in our `package.json`.* ## libsass Keep in mind that libsass is feature-wise not fully compatible with Ruby Sass. Check out [this](http://sass-compatibility.github.io) curated list of incompatibilities to find out which features are missing. If your favorite feature is missing and you really need Ruby Sass, you can always switch to [gulp-ruby-sass](https://github.com/sindresorhus/gulp-ruby-sass) and update the `styles` task in `gulpfile.js` accordingly. ## Project Structure ├── app │ ├── fonts │ ├── img │ ├── js - All the javascript is located here │ ├── styles - All the scss files are here │ ├── config.json - Environment variables are place here │ ├── favico.ico │ └── index.html - index files with all the comments which are used by gulp ├── e2e - Our protractor end to end tests │ ├── e2e.conf.json - Configurtion file for protractor │ └── test.e2e.js - Initial protractor test └── .gitignore - ignores npm and bower files └── .jshintrc - initial jshint settings └── gulpfile.js - all the gulp tasks are defined here └── bower.json - all the frontend dependencies └── package.json - all node dependencies └── karma.conf.js - karma config file An example of `app/js` folder structure app ├── main │ ├── controllers │ │ ├── MainController.js │ │ └── MainController.spec.js │ ├── directives │ │ └── TechDirective.js │ ├── services │ └── views │ └── home.html └── app.js ## Getting Started - Install dependencies: `npm install --global yo bower` - Install the generator: `npm install --global generator-cobe-angular` - Run `yo cobe-angular` to scaffold your Angular app - Run `gulp serve` to preview and watch for changes - Run `gulp validate` to run your unit tests and lint your code - Run `gulp constants` to make angular constants out of your `app/config.json` - Run `webdriver-manager start` to run your webdriver server - Run `gulp e2e` to run your end to end tests - Run `bower install --save ` to install frontend dependencies - Run `gulp` to build your webapp for production ##### To run e2e tests you need to have gulp and webdriver server running. ##### You need to manually install `npm install precommit-hook` after git is initialized. ## License [MIT license](http://opensource.org/licenses/MIT) --- _Source: https://npm.io/package/generator-cobe-angular · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._