Yeomen笔记

Yeoman笔记

Yeomen是什么

Yeoman帮助你创建新的项目，规定最佳实践和工具来帮助你保证项目富有生产性

工具

• 脚手架工具 yo
• 构建工具 grunt、gulp等
• 包管理工具 bower和npm

用Yeoman创建一个webapp架子

安装yo和一些generator

$ npm install -g yo

安装脚手架

安装generator-react-webpack

$ npm install -g generator-react-webpack

创建一个目录，在目录下执行.在命令行下按照提示选择相应有css

$ yo react-webpack

     _-----_
    |       |
    |--(o)--|   .--------------------------.
   `---------´  |    Welcome to Yeoman,    |
    ( _´U`_ )   |   ladies and gentlemen!  |
    /___A___\   '__________________________'
     |  ~  |
   __'.___.'__
 ´   `  |° ´ Y `

Out of the box I include Webpack and some default React components.

? Please choose your application name demo
? Which style language do you want to use? sass
? Enable postcss? Yes

生成的项目文件

Screen Shot 2016-07-20 at 18.59.57.png

运行项目

npm start

Screen Shot 2016-07-20 at 19.03.18.png