智慧并不产生于学历,而是来自对于知识的终生不懈的追求。这篇文章主要讲述使用create-react-app搭建react应用相关的知识,希望能为你提供帮助。
想要像Bootstrap直接引用就可以使用去使用React.js基本上是不可能的。使用React需要一堆的工具和库,需要Babel用于编译,Redux等第三方状态管理工具来组织代码。所以这里根据官方推荐的工具create-react-app工具来搭建react应用。使用这个工具能够实现“一条龙服务”,帮我们做好了各种配置和依赖,做到了“开箱即用”。
工具地址:https://github.com/facebookincubator/create-react-app
基本环境安装:
在使用之前要确保机器上安装了node,下载地址:https://nodejs.org/en/
(含泪建议:Windows用户推荐安装LTS版本的node,使用最新版在安装工具时可能会不成功,这可能是npm的版本问题导致的)
安装好环境后,按照官网的步骤安装create-react-app即可:
npm install -g create-react-app
这条命令可以在机器上安装一条create-react-app的命令,可以直接使用该命令构建一个react工程:
create-react-app react-demo
贴士:
在安装过程中可能会比较慢,很可能是因为npm下载时候从国外源下载的缘故。执行上面命令之前先把npm改成国内的taobao镜像就好了:
npm config set registry https://registry.npm.taobao.org
下载完成后可以启动工程,进入工程目录然后输入:
cd react-demo npm start
运行成功后命令行显示如下:
文章图片
并且会自动打开浏览器 http://localhost:3000(我的标题在src/App.js中做过相应修改):
文章图片
至此就大功告成了,可以开始定制自己的react应用了!
【使用create-react-app搭建react应用】
推荐阅读
- Android 通过局域网udp广播自动建立socket连接
- Android手机间使用socket进行文件互传实例
- HTML5网页如何调用浏览器APP的微信分享功能()
- 安装android Studio和运行react native项目(跳坑篇)
- Android之Socket的基于UDP传输
- Android 数据库的线程合作
- android调节音量——AudioManager的应用
- 在VM中安装Android4.4连接小米手环 之 设置蓝牙
- 使用 CROSS APPLY 与 OUTER APPLY 连接查询