如何安装react框架
安装Node.js
React框架的运行依赖Node.js环境,需先安装Node.js(包含npm包管理工具)。访问Node.js官网下载LTS版本,按提示完成安装。安装完成后,在终端运行以下命令验证是否成功:
node -v
npm -v
创建React项目
通过官方工具create-react-app快速初始化项目。在终端执行以下命令(确保网络畅通):
npx create-react-app my-app
其中my-app为项目名称,可自定义。此过程会自动安装React及相关依赖。
进入项目目录
项目创建完成后,切换到项目文件夹:
cd my-app
启动开发服务器
运行以下命令启动本地开发环境,默认在浏览器打开http://localhost:3000:
npm start
此时可实时编辑代码并预览效果。
可选:安装额外工具
如需扩展功能(如路由管理),可通过npm安装第三方库。例如安装React Router:
npm install react-router-dom
生产环境构建
开发完成后,生成优化后的生产环境代码:
npm run build
构建结果默认保存在build文件夹中,可直接部署到服务器。







