美文网首页
搭建一个简易的React环境

搭建一个简易的React环境

作者: LU7IN | 来源:发表于2017-07-20 22:24 被阅读0次

因为个人是第一次接触react,所以搭建环境就晕头转向。作为一个新人,我觉得走点弯路是值得的!以前接触html的时候只需要在编辑器中写好代码然后一个运行便能在网页中看到实实在在的效果,所以一开始我就把这个思想给搬到学习react上面去了,结果,你懂得。。。

一开始的我就没有能够正确地搞清楚react, react.js, react-native,现在差不多搞清楚之后我倒觉得之前走的弯路并不是没有价值的。在查阅许多资料和看了不少相关视频之后,我终于成功地搭建好了react.js的环境!

本人菜鸟一枚,有错误的地方请大神指正!


首先,下载好node.js,接着我们就可以开始啦。

因为我使用的是windows操作系统,所以按Win + R 键打开命令窗口,输入下面的命令:


npm install -g create-react-app


接着输入:create-react-app hello-react    这条命令会帮我们构建一个叫hello-react的工程,并且会自动地帮助我们安装所需要的依赖,现在只需要安静地等待它安装完。

额外的小贴士:如果有些同学安装过程比较慢,那是很有可能是因为 npm 下载的时候是从国外的源下载的缘故。所以可以把 npm 的源改成国内的 taobao 的源,这样会加速下载过程。在执行上面的命令之前可以先修改一下 npm 的源:

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

下载完之后我们就可以启动工程了,输入:

cd hello-react

npm start

静静地等待一会儿就可以看到浏览器启动并跳出这个界面!

然后我们就可以按照上面的提示到src/App.js的文件中进行相关的操作。比如,我们把<h2>中的Welcome to React!修改为Hello React,这是浏览器界面就会自动改变。

学好学懂react还有很长的路要走,加油吧!骚年!

相关文章

网友评论

      本文标题:搭建一个简易的React环境

      本文链接:https://www.haomeiwen.com/subject/xcojkxtx.html