hello yoeman——前端自动化构建工具

这里讲如何通过yeoman构建webpack-react
最近在听慕客网上关于react.js 的课程，老师用的自动化构建工具就是yeoman。
真的是很强大。
yeoman的描述是THE WEB’S SCAFFOLDING TOOL FOR MODERN WEBAPPS
现代化Webapp 的web脚手架！！
对的，它就是自动为你搭建你需要的构建工程的一个框架。
下面来讲我是如何安装的，以及遇到的坑。

我的系统的window 10
首先安装yeoman：

npm install -g yo

安装完后，查看版本。

然后进入yeoman的官网
选择如图所示discovering generator

搜索react，选第二个webpack-react

然后进入webpack-react的Git，按照安装步骤
说明，我在执行下面这行命令的时候，window提示出错cross origin…….（好想存钱换个mac！！！！），
忘记截图了，就是权限不够，需要以管理员身份运行cmd。

npm install -g generator-react-webpack

然后执行这行的时候，其他的都选的No，语言选的Sass。

yo react-webpack

装了2次都失败了，第一次发现目录文件没有node_modules
报错，我还傻傻去问：

然后重新执行了 yo react-webpack

正确的目录结构是这样的：

安装成功就可以npm start 了，成功的画面，提示可以去 src/components/Main.js 修改
添加一个hello试试，成功！！！


可以开始webpack-react之旅了