Stack Overflow
Stack Overflow

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
17
votes
4 answers

What does `{,*/}` mean in paths of Gruntfile.js?

In Gruntfile.js, I have got: watch: { styles: { files: [ '<%= yeoman.app %>/styles/{,*/}*.less' ], tasks: ['copy:styles', 'autoprefixer'] } } For the path, what does {,*/} mean indeed? How does it differ to using…
hllau
  • 9,879
  • 7
  • 30
  • 35
17
votes
2 answers

What is the "right" way to refer to javascript dependencies installed via bower in a yeoman project HTML file?

Yeoman's quickstart and package manager guides suggest using Bower to manage dependencies. They get installed into app/bower_components/[component_name] The guide just suggests inserting a
Nicholas Evans
  • 2,194
  • 2
  • 16
  • 18
17
votes
1 answer

How can I load two grunt tasks with the same name?

Im using yeoman for a project. Basically it's working fine, but during the build process I want to move my images folder to somewhere else. So I loaded the grunt-contrib-copy task which would let me do that. But unfortunately this conflicts with the…
acme
  • 14,654
  • 7
  • 75
  • 109
16
votes
0 answers

Yeoman - How to extract zipped files in generator?

I want to build a Yeoman generator that needs to unzip a file. From their documentation, it seems this process is done using this.registerTransformStream(...). It says it accept any gulp plugin, so I tried gulp-unzip (link) Here's my code: //…
hrsetyono
  • 4,474
  • 13
  • 46
  • 80
16
votes
5 answers

Error with gulp serve: Requiring external module babel-register

Running yeoman generator "Webapp", I'm getting an error when running gulp serve. Here are the following versions for a better background : sw_vers && node -e 'console.log(process.platform, process.versions)' ProductName: Mac OS X ProductVersion:…
alphapilgrim
  • 3,761
  • 8
  • 29
  • 58
16
votes
1 answer

Gruntfile not working when running the grunt build command

I used yeoman to create my structure using "yo webapp", I excluded all extras during the installation process via npm and manually downloaded the bootstrap files. I am trying to run the "grunt build" command which should take everything in the app…
user4157770
16
votes
6 answers

yo angular generates files in wrong path ( home directory )

yo angular generates the files in my home directory and I don't know why. I did the following: ppa for node curl -sL https://deb.nodesource.com/setup | sudo bash - then install node sudo apt-get install -y nodejs create a symlink sudo ln -s…
svenhornberg
  • 14,376
  • 9
  • 40
  • 56
16
votes
3 answers

Yeoman angular generator install runs but generator doesn't appear in generator list

I've tried to install the yeoman angular generator with the following: npm install -g generator-angular It all looks like it's installed properly... ... npm http GET https://registry.npmjs.org/string_decoder npm http 304…
Rich
  • 357
  • 4
  • 10
16
votes
6 answers

Yeoman can't recognize a generator that was installed globally

I ran sudo npm install -g generator-flask and it was saved. I was able to confirm by running npm list-g. I then run yo flask. Thinking that this was going to work, I instead get an error message: Error flask You don't seem to have a generator with…
BenMorganIO
  • 2,036
  • 17
  • 37
16
votes
3 answers

Client side app workflow

I'm trying to set up a client-side app workflow with yeoman (http://yeoman.io/), and as I'm coming from Rails background, I'm used to the niceties of the asset pipeline, which is backed by Sprockets (https://github.com/sstephenson/sprockets). I'm…
Roman
  • 13,100
  • 2
  • 47
  • 63
16
votes
4 answers

Assets missing in Angular application built using grunt

I have built an application using Yeoman and AngularJS (and all the stuff that goes along with it like Grunt and Bower). It all works perfectly when running locally using grunt serve. However, after running grunt and deploying the application,…
theandywaite
  • 882
  • 1
  • 7
  • 16
16
votes
7 answers

npm install -g yo command gives -> ERR! yo@1.1.0 postinstall: `node scripts/doctor.js`

I just tried to do a npm install but get this error about doctor,js at the end. Do I need to worry about it? npm install -g yo . . npm http 304 https://registry.npmjs.org/graceful-fs npm http 200…
FutuToad
  • 2,750
  • 5
  • 36
  • 63
16
votes
4 answers

How to delete/remove a scaffolded route generated in Yeoman Angular

I know I could just delete the code and files; however, is there a way to remove a generated route in yeoman - angular in a similar automated command? e.g. yo angular:route myroute is how you generate it What is the cmd line code I would run to…
Armeen Moon
  • 18,061
  • 35
  • 120
  • 233
15
votes
1 answer

generator-angular - You don't seem to have generator with the name angular installed

So I wanted to take a look at the latest generator, seeing as they use gulp now. Anyhow, after updating everything twice, reinstalling node, deleting npm-cache and so on, when I do yo angular the following happens: The generator starts and asks me…
Khufu
  • 226
  • 1
  • 2
  • 7
15
votes
1 answer

"Your npm version is outdated." but it's not. While install yo

On Windows 7 64 bit. Installed Node.js via wizard which gave me npm. I run npm install -g yo and get the following Your npm version is outdated. Complete output: C:\Users\dlite922>npm install -g yo | > spawn-sync@1.0.11 postinstall…
dlite922
  • 1,924
  • 3
  • 24
  • 60
1 2 3
…
99 100