Learn Yeoman: Getting Started

840 views

Published on

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.

Published in: Internet
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
840
On SlideShare
0
From Embeds
0
Number of Embeds
163
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Learn Yeoman: Getting Started

  1. 1. inarocket.com Learn at rocket speed YeomanGETTING STARTED
  2. 2. Learn front-end development at rocket speed inarocket.com by miguelsanchez.com
  3. 3. What is Yeoman
  4. 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. 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. 6. inarocket.com - Yeoman / Getting Started WHAT IS YEOMAN Or you can create your own generator/s. http://yeoman.io/authoring
  7. 7. Install Yeoman
  8. 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. 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
  10. 10. Install a generator
  11. 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. 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. 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
  14. 14. Run a generator
  15. 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. 16. Are you also interested in learning BOOTSTRAP 4 POSTCSS? + http://inarocket.teachable.com/courses/css-postcss Please visit:
  17. 17. Learn front-end development at rocket speed inarocket.com by miguelsanchez.com
  18. 18. inarocket.com Learn at rocket speed YeomanGETTING STARTED

×