🦄 2024 独立开发者训练营,一起创业!查看介绍 / 立即报名(剩余10个优惠名额) →

React:快速创建 React 应用

创建 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

评论

用在生产环境的话,建议使用 LTS 版本的 Node.js

好的,长期支持会稳定一些吧。

对,LTS 版本的 Node.js 相对稳定一些。只有经过前一个大版本充分测试过的特性才会加入到 LTS 中。版本号是基数的大版本都不是 LTS 版本,API 变化会激进一些,属于实验性质的 Node.js,不适合用于生产环境。

话说,现在前端建议使用 Yarn 作为包管理工具~~

具体有什么区别吗?

主要是 Yarn 采用跟 npm 不一样的下载安装策略,所以在安装依赖时会特别快。第二点是 Yarn 有像 Composer 一样的 lock 文件,可以锁住依赖的版本。

好来 :)

更新一下很重要~!我正打算学习。
python 很流行,如果介绍一下,估计很多人回喜欢。

微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点