如何启动react项目
安装Node.js和npm
确保系统已安装Node.js(包含npm)。可通过官网下载安装包或使用版本管理工具(如nvm)。安装后验证版本:
node -v
npm -v
使用Create React App初始化项目
官方推荐的工具链,快速搭建React项目:
npx create-react-app my-app
cd my-app
my-app为项目名称,可自定义。该命令会生成基础项目结构并安装依赖。
启动开发服务器
进入项目目录后运行:
npm start
默认在浏览器打开http://localhost:3000,支持热重载。
可选:使用Vite加速构建
若需更快的启动速度,可用Vite替代Create React App:
npm create vite@latest my-app --template react
cd my-app
npm install
npm run dev
Vite提供更快的开发服务器启动和模块热更新。
生产环境构建
生成优化后的代码:
npm run build
构建结果位于build文件夹,可直接部署到服务器。
其他工具链选择
- Next.js:适合服务端渲染(SSR)场景。
npx create-next-app@latest - Remix:全栈框架,集成路由和数据加载。
npx create-remix@latest
注意事项
- 确保网络畅通,避免依赖安装失败。
- 项目路径避免使用大写字母或特殊字符。
- 如需自定义配置,可
eject(Create React App)或修改vite.config.js(Vite)。







