learn yeoman: getting started
TRANSCRIPT
Learn front-end development at rocket speed
inarocket.com
by miguelsanchez.com
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
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
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
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