自从前后端开始分离之后，前端项目工程化也显得越来越重要了，之前写过一篇搭建基于Angular+Requirejs+Grunt的前端项目教程，有兴趣的可以点这里去看

但是有些项目可以使用这种方式，但有些却不太适合，或者我们就是想要去尝试新的框架。比如最近我就尝试着使用了webpack+react+es6的方式开发项目，感觉很不错，然后很多项目都用了这种方式。所以为了不需要每次开发的时候都从头开始新建文件，就想着能不能弄个工具，使用命令能够快速的生成这样一套跑的通的项目模版，正好，有个工具叫yeoman。

本篇文章看点：

1. 教你使用yeoman快速开发自己的脚手架。
2. 介绍作者编写的generator-reactpackage脚手架模版，此项目的开发基于webpack+react+es6，项目功能包含：
   • 启动本地服务，默认监听端口8888
   • css文件能自动补全css3属性的前缀
   • 包含路由功能(react-router)
   • 使用命令npm run dev启动服务，修改保存文件的时候浏览器会自动刷新
   • 如果不想要实时刷新的功能，将webpack.config.js文件的devServer配置改为inline: false
   • 使用npm run build打包文件，js和css分开打包，并且默认会压缩文件

开发脚手架

环境准备

安装或者更新一下你的node和npm