Top Banner
inarocket.com Learn at rocket speed Yeoman GETTING STARTED
18

Learn Yeoman: Getting Started

Jan 07, 2017

Download

Internet

In a Rocket
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Learn Yeoman: Getting Started

inarocket.com

Learn at rocket speed

YeomanGETTING STARTED

Page 2: Learn Yeoman: Getting Started

Learn front-end development at rocket speed

inarocket.com

by miguelsanchez.com

Page 3: Learn Yeoman: Getting Started

What is Yeoman

Page 4: Learn Yeoman: Getting Started

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

Page 5: Learn Yeoman: Getting Started

inarocket.com - Yeoman / Getting Started

WHAT IS YEOMAN

You can kickstart new projects using generators created by other developers.

https://yeoman.io/generators

Page 6: Learn Yeoman: Getting Started

inarocket.com - Yeoman / Getting Started

WHAT IS YEOMAN

Or you can create your own generator/s.

http://yeoman.io/authoring

Page 7: Learn Yeoman: Getting Started

Install Yeoman

Page 8: Learn Yeoman: Getting Started

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.

INSTALLSNode Package Manager

1 Download and install Node.js

Page 9: Learn Yeoman: Getting Started

inarocket.com - Yeoman / Getting Started

HOW TO INSTALL YEOMAN

computer / $ npm install -g yo grunt-cli bowerTerminal

2 Use npm to install the Yeoman components

Page 10: Learn Yeoman: Getting Started

Install a generator

Page 11: Learn Yeoman: Getting Started

inarocket.com - Yeoman / Getting Started

HOW TO INSTALL A YEOMAN GENERATOR

1 Find a generator that fits your project requirementshttps://yeoman.io/generators

For example, if you need to start a web application, search for keywords related to that kind of project.

Page 12: Learn Yeoman: Getting Started

inarocket.com - Yeoman / Getting Started

HOW TO INSTALL A YEOMAN GENERATOR

2 Check what a generator can do for youRead its documentation and make sure it has the components you need for your new project.

Page 13: Learn Yeoman: Getting Started

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-webappTerminal

You can also run yo, then choose ‘Install a generator’, enter its name and select it from the list.

Your generator

Page 14: Learn Yeoman: Getting Started

Run a generator

Page 15: Learn Yeoman: Getting Started

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 myWebcomputer 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

Page 16: Learn Yeoman: Getting Started

Are you also interested in learning

BOOTSTRAP 4POSTCSS?+

http://inarocket.teachable.com/courses/css-postcssPlease visit:

Page 17: Learn Yeoman: Getting Started

Learn front-end development at rocket speed

inarocket.com

by miguelsanchez.com

Page 18: Learn Yeoman: Getting Started

inarocket.com

Learn at rocket speed

YeomanGETTING STARTED