webstorm+create-react-app搭建react.js运行环境Part

React.js单独使用基本没法用。不要指望像jQuery这样的东西会在标签中下载它并开始使用它。无论是在开发阶段还是生产阶段，使用React.js都需要一堆工具和库的帮助。编译阶段需要Babel；需要Redux等第三方状态管理工具来组织代码；如果你想写一个单页应用，那么你需要React-router。这就是所谓的“React.js全家桶”。但是facebook开发了一个脚手架create-react-app工具，打包运行环境插件。它可以帮我们一键生成需要的项目目录，帮我们做各种配置和依赖，还能帮我们隐藏这些配置的细节。即所谓的“开箱即用”。一、安装前提node.js和npm环境搭建在上一篇文章中，我们讲到了node.js和npm环境搭建。如果你还没有安装，可以查看我之前的文章。这里我直接创建-react-app2的安装，大家可能会遇到下载速度太慢而失败的情况。npm下载的时候，是从国外源下载的。所以可以把npm源换成国内的淘宝源，这样会加快下载速度。在执行上述命令之前，可以修改npm的来源：npmconfigsetregistryhttps://registry.npm.taobao.org3。配置好以上环境后，就可以安装npminstall-gcreate-react-app4。安装完成后，可以直接使用它来搭建一个react前端项目：create-react-appapp15。插件加载完成后，会看到如下界面6.根据最后的提示，可以进行如下操作，我们可以启动项目，进入项目目录，通过npm启动项目：cdapp1npmstart7。顺利的话会自动弹出如下页面。如果没有弹出，也可以手动访问