webstorm+createreactapp搭建react.js运转环境上篇

React.js 零丁运用基本上是不可能的事变。不要指望着类似于 jQuery 下载放到 标签就开始运用。运用 React.js 不论在开辟阶段临盆阶段都须要一堆东西和库辅佐，编译阶段你须要借助 Babel；须要 Redux 等第三方的状况管理东西来构造代码；假如你要写单页面运用那末你须要 React-router。这就是所谓的“React.js百口桶”。

但facebook开辟开辟出了一个打包运转环境插件的脚手架create-react-app 东西。它能够协助我们一键天生所须要的工程目次，并帮我们做好种种设置和依靠，也帮我们隐蔽了这些设置的细节。也就是所谓的“开箱即用”。

1.装置前提条件 node.js和npm环境搭建

在上一篇文章我们讲过node.js和npm环境搭建假如还没装好的同砚能够去检察我的上一篇文章
这里我就直接举行create-react-app的装置

2.你可能会碰到下载速率过慢而失利的状况

npm 下载的时刻是从外洋的源下载的原因。所以能够把 npm 的源改成国内的 taobao 的源，如许会加快下载历程。在实行上面的敕令之前能够先修正一下 npm 的源：

npm config set registry https://registry.npm.taobao.org

3.设置好上面的环境后就能够举行装置了

npm install -g create-react-app

4.装置好今后就能够直接运用它来构建一个 react 的前端工程：

create-react-app app1

5.等插件加载终了后你会看到下面的界面

6.根据末了的的提醒你能够做以下的操纵，

我们就能够启动工程了，进入工程目次然后经由过程 npm 启动工程：

cd app1
npm start

7.顺遂的话会自动弹出以下页面，没有弹出你也能够手动接见