learn yeoman: getting started

18
inarocket.com Learn at rocket speed Yeoman GETTING STARTED

Upload: in-a-rocket

Post on 07-Jan-2017

1.111 views

Category:

Internet


0 download

TRANSCRIPT

inarocket.com

Learn at rocket speed

YeomanGETTING STARTED

Learn front-end development at rocket speed

inarocket.com

by miguelsanchez.com

What is Yeoman

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

inarocket.com - Yeoman / Getting Started

WHAT IS YEOMAN

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

https://yeoman.io/generators

inarocket.com - Yeoman / Getting Started

WHAT IS YEOMAN

Or you can create your own generator/s.

http://yeoman.io/authoring

Install Yeoman

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

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

Install a generator

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.

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.

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

Run a generator

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

Are you also interested in learning

BOOTSTRAP 4POSTCSS?+

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

Learn front-end development at rocket speed

inarocket.com

by miguelsanchez.com

inarocket.com

Learn at rocket speed

YeomanGETTING STARTED