Yeoman
What's Yeoman?
- Helps you kickstart new projects
- prescribes best practices/tools to help you stay productive
Yeoman workflow
- promotoed through official generators
- robust and opinionated client-side stack (whatever that means)
- Contains tools and frameworks that can help developers quickly build beautiful web applications
- Includes support for linting, testing, minification
| Yo | GULP | NPM |
|---|---|---|
| yo scaffolds out a new application, writing your build configuration (e.g Gulpfile) and pulling in relevant build tasks and package manager dependencies (e.g npm) that you might need for your build. | The Build System is used to build, preview and test your project. Gulp and Grunt are two popular options. | The Package Manager is used for dependency management, so that you no longer have to manually download and manage your scripts. npm and Bower are two popular options. |
Enter Fountain Webapp Generator
This Yeoman generator allows you to start any Webapp with the best Developer Experience out of the box!
So this is how I'm feeling:
"Yeoman sounds soooo dreamy...."
Step 1: Choose a Framework
Step 2: Choose a Module Management System
Step 3: Choose JS preprocessor.
Step 4: Choose a CSS preprocessor
Step 5: Choose whether you want a sample app
Step 6: Do you want a router? I don't even know what this is...so I selected none.
All done (dusting hands off). I just knew I was about to become so productive!
But...then things didn't work because I didn't see the part about installing sub-generators and felt really bad for awhile.
After mucking around for awhile, I discovered I needed to install a sub-generator and saw an example of how to run one.
And I was happy again.
Fountain Web App vs. Angular Seed
sub-generators available:
yo --generatorsbut wait a second. Why isn't there one for creating a controller? What happened to the controller?
And...now that I have sub-generators installed, how does the generated code compare to the angular-seed code?
yeoman generator component
angular-seed router component.
Ugh...a little like comparing apples to oranges
Conclusion
- Yeoman Fountain-Webapp Generators provide a lot of functionality out of the box, but I don't know enough about angular to be able to appreciate it, yet.
- Utilizes Gulp, WebPack, NPM, Angular 1.5. Seems like you can simply use the generator to stub things out and that you can ignore the rest.
- Marsha Brady Rocks.
Yeoman
By lbowman
