使用yeoman快速搭建基于webpack的React项目

什么是Yeoman？

yeoman官网地址：http://yeoman.io/

1.安装yeoman

安装react-webpack

在：http://yeoman.io/generators/ 页面搜索react，可以获得最新的react相关的基础框架。本文以 react-webpack为示例。react-webpack 在github里的地址，https://github.com/react-webpack-generators/generator-react-webpack，在终端输入命令行：

构建你的项目

在项目路径下使用命令行：

这是一句yeoman命令，意思是 使用名为 react-webpack 的框架构建你的 gallerty-by-react项目

我的项目中会用到sass，所以输入命令来安装：

npm install sass-loader node-sass webpack --save-dev

运行项目

在浏览器输入http://localhost:8000就能看到运行起来的网站了。

温馨提示：如果电脑开启了酷狗音乐播放器，那么运行npm run start是会报错的，因为8000端口被占用

最后在chrome应用商店添加react的调试小程序。地址：https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi，这样你的项目基础框架就构建好了。可以准备开始react的开发了。