http://inarocket.com
Learn Yeoman fundamentals as fast as possible. How it helps you as a front-end developer, how to install Yeoman in a minute, how to find generators that fit your projects requirements, how to install and run a Yeoman generator, etc.
4. inarocket.com - Yeoman / Getting Started
WHAT IS YEOMAN
Yeoman helps you to kickstart new projects,
prescribing best practices and tools to help you stay productive.
+ +
Task-runner for JavaScript projects.Scaffolding tool Package manager for the front-end
5. inarocket.com - Yeoman / Getting Started
WHAT IS YEOMAN
You can kickstart new projects using generators created by other developers.
https://yeoman.io/generators
6. inarocket.com - Yeoman / Getting Started
WHAT IS YEOMAN
Or you can create your own generator/s.
http://yeoman.io/authoring
8. inarocket.com - Yeoman / Getting Started
HOW TO INSTALL YEOMAN
DOWNLOAD https://nodejs.org
Node.js bundles npm.
It will allow you install the Yeoman components.
INSTALLS
Node Package Manager
1 Download and install Node.js
9. inarocket.com - Yeoman / Getting Started
HOW TO INSTALL YEOMAN
computer / $ npm install -g yo grunt-cli bower
Terminal
2 Use npm to install the Yeoman components
11. inarocket.com - Yeoman / Getting Started
HOW TO INSTALL A YEOMAN GENERATOR
1 Find a generator that fits your project requirements
https://yeoman.io/generators
For example, if you need to start a
web application, search for keywords
related to that kind of project.
12. inarocket.com - Yeoman / Getting Started
HOW TO INSTALL A YEOMAN GENERATOR
2 Check what a generator can do for you
Read its documentation and make sure it has the components you need for your new
project.
13. inarocket.com - Yeoman / Getting Started
HOW TO INSTALL A YEOMAN GENERATOR
3 Install the generator that best suits your needs
computer / $ npm install -g generator-webapp
Terminal
You can also run yo, then choose ‘Install a generator’, enter its name and select it from the list.
Your generator
15. inarocket.com - Yeoman / Getting Started
HOW TO RUN A YEOMAN GENERATOR
1 Create your new project folder and run the generator
computer / $ mkdir myWeb && cd myWeb
computer myWeb $ yo webapp
Terminal
You can also run yo and then select your installed generator from the ‘Run a generator’ list.
Your generator
Create your folder and get into it
16. Are you also interested in learning
BOOTSTRAP 4
POSTCSS?
+
http://inarocket.teachable.com/courses/css-postcss
Please visit: