创建 React 项目(2017)
打算创建一个 React 应用,你得先准备一大堆工具,你还得配置一下,让它们可以混合在一起工作。比如你需要编译 JavaScript 用的 Babel,打包用的 webpack,一个在本地运行的服务器等等。
React 现在提供了一个 create-react-app 小工具,使用它可以非常方便的创建 React 项目,它会为你准备好一个简单的 React 项目,并且安装配置好 React 应用需要的所有的工具。
安装工具
确定电脑上已经安装好了 node 与 npm。然后去安装 create-react-app:
npm install -g create-react-app创建 React 项目
使用 create-react-app 创建一个简单的 React 应用,ninghao-react 是我的 React 项目的名字:
cd ~/desktop
create-react-app ninghao-react启动 React 应用
进入到创建好的 React 项目所在的目录,然后使用 npm start 就可以启动并且运行 React 应用了。
cd ninghao-react
npm start会自动打开浏览器,访问应用的地址:http://localhost:3000/

注意事项
启动 React 应用的时候,如果遇到错误,有可能是 node 版本的事儿,用 nvm 安装多个版本的 node,切换一下,然后重新创建 React 项目,再重新启动应用。
React


