Questions tagged [yeoman]

Yeoman is a command-line tool for frontend web development. As a "web application boilerplate," its main features include project scaffolding, a build process based in part on Grunt.js, and package management for updating project dependencies.

Yeoman Features

  1. Scaffolding: Automates project structure using HTML5 Boilerplate, jQuery, and Modernizr - and optionally Compass, Twitter Bootstrap, RequireJS, and Twitter Bootstrap plugins.
  2. Watch Process: Integrates LiveReload with a native fallback watch process for updating changes in the browser without refreshing.
  3. Linting: Runs JSHint on specified project files during its build process.
  4. Preview Server: Using the grunt server command starts a built-in HTTP server for monitoring project changes auto-compiling CoffeeScript/Compass files.
  5. Image Optimization: Integrates OptiPNG and JPEGTran into the build process.
  6. Build Process: In addition to the features already mentioned, grunt build concatenates, minifies, and generates an application cache manifest. The build process also incorporates the RequireJS r.js optimization script.
  7. Package Management: Update project dependencies such as third-party libraries and extensions from the command line using Bower.
  8. Testing: Supports generating test cases for Mocha or Jasmine and automatically building them as part of the build process via Karma.

Yeoman Resources

  • Main Website - installation, CLI reference, package manager, metrics tool, FAQs
  • GitHub - project repository and additional README documentation
  • GitHub Issues - main support site for early release troubleshooting
  • Google Groups - mostly administrative issues with some support questions
  • Google Plus - promotional updates and links to media coverage
  • Twitter - support discussions and links to media coverage
2349 questions
31
votes
3 answers

Yeoman: Call Sub-Generator With User-Supplied Arguments

I'm writing my first Yeoman generator, which prompts the user for various inputs and conditionally creates files based on their responses. I need to be able to call a subroutine (could be a Yeoman sub-generator) based on user input, and pass…
Fiona
  • 1,211
  • 3
  • 16
  • 20
30
votes
4 answers

How to configure Grunt to replace Bower dependencies by its minified versions

I am new to Yeoman/Grunt/Bower. I have a bower.json file that defines the following dependencies: bower.json { "dependencies": { "angular": "~1.0.7", "jquery": "~1.8.0", "bootstrap": "~2.3.2", "angular-grid":…
fischermatte
  • 3,327
  • 4
  • 42
  • 52
29
votes
6 answers

How to disable cross-device action mirroring functionality of BrowserSync? (GhostMode)

Our team used the gulp-angular generator with yeoman to scaffold out our web app. It uses browsersync to handle live reloads, which we want. However, we just deployed to our development server, and now when two developers are using the gulp serve…
turner
  • 1,667
  • 2
  • 13
  • 21
29
votes
4 answers

What's the recommended way to copy multiple dotfiles with yeoman?

I am building a yeoman generator for a fairly typical node app: / |--package.json |--.gitignore |--.travis.yml |--README.md |--app/ |--index.js |--models |--views |--controllers In the templates folder of my yeoman generator, I have…
Raine Revere
  • 30,985
  • 5
  • 40
  • 52
29
votes
5 answers

Grunt need compass installed in system PATH Warning

I want to install Yeoman, Grunt and bower to my node project. I made a node project in Eclipse (using the nodeclipse plugin) and navigated to the project folder (which is H:\Eclipse Workspace\YoTest) in cmd and typed in: npm install yo -g npm…
user2539369
28
votes
6 answers

generator-karma does not satisfy its siblings' peerDependencies requirements

The same notorious error npm ERR! peerinvalid The package generator-karma does not satisfy its siblings' peerDependencies requirements! npm ERR! peerinvalid Peer generator-angular@0.7.1 wants generator-karma@~0.6.0 npm ERR! peerinvalid Peer…
Dmitri Zaitsev
  • 13,548
  • 11
  • 76
  • 110
27
votes
1 answer

How to deploy AngularJS app and Spring Restful API service on the same domain/server?

I'm new to Spring and AngularJS. I followed the steps here to build the back end restful API, and it sends Json upon requests. So, according to the guide, When I run "mvn spring-boot:run" the tomcat server starts at localhost:8080. Then I used…
Hengwei
  • 425
  • 1
  • 5
  • 11
26
votes
5 answers

Yeoman and Bower not adding Bootstrap CSS (AngularJS generator)

I am following along a codelab on the Yeoman webpage, and so far I've managed to follow along (with a few major hiccups getting my development environment going, but now it doesn't return any errors). So I made my project folder and ran yo, selected…
26
votes
14 answers

Yeoman | yo command not found

Saw that there were some similar questions as this one but didn't find the answers satisfying enough or applicable to my problem so thought I'd thought I'd ask one more time. i'm having trouble with the "$ yo" command and that my cmd keeps telling…
user3789629
  • 357
  • 1
  • 5
  • 17
26
votes
1 answer

How to include scripts automatically in a yeoman/grunt project?

I have a working yeoman project. I am using grunt-usemin. To include javascripts, I do this in index.html:
Benjamin Crouzier
  • 40,265
  • 44
  • 171
  • 236
25
votes
3 answers

How to run a Grunt task after my Yeoman generator finishes installing?

I'm building a custom Yeoman generator that installs a lot of pre-processed language compilers like CoffeeScript, LESS and Jade. In the Gruntfile that my generator creates I have a build task which compiles everything. However, until that build task…
Soviut
  • 88,194
  • 49
  • 192
  • 260
25
votes
6 answers

Yeoman and ExpressJS

I want to know if there is some boilerplate code to use a frontend workflow tool like Yeoman with a backend framework like ExpressJS, if I want to maintain the same codebase for both the front and back ends. Basically I want to know - How do the…
ssb
  • 7,422
  • 10
  • 36
  • 61
24
votes
4 answers

Checking installed Yeoman generators

What powershell command do I run to see what Yeoman generators I have installed? I'm assuming it's a npm command, but I have no idea since I'm new to CLI. This is what I'm seeing when I enter "yo" into the command line. I'm on version 1.0.0-rc.1.3.
Dandy
  • 851
  • 2
  • 11
  • 22
24
votes
6 answers

Yeoman inside ExpressJS

I'd still like to try to get an example running w/ Yeoman and Express. I tried the following and it worked "okay", but I'm stuck merging the routes. (over simplified for readability) mkdir test cd test express mkdir app cd app mkdir js cd js yeoman…
kyleroche
  • 413
  • 4
  • 11
23
votes
4 answers

Installing Bootstrap 4 with bower

I have generated a yeoman website and that comes along with bootstrap 3, how can I install bootstrap 4 instead. The tutorials all say to just run "bower install bootstrap", but that just installs bootstrap 3 again.
Henry00
  • 421
  • 1
  • 3
  • 9