2025 独立开发者训练营:AI Agent!查看介绍 / 立即报名 →

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
微信好友

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

微信公众号

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

240746680

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

统计

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

社会化网络

关于

微信订阅号

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