小白如何搭建react
安装 Node.js 和 npm
React 开发需要 Node.js 环境。访问 Node.js 官网 下载并安装最新 LTS 版本。安装完成后，在终端运行以下命令验证安装：
node -v
npm -v使用 Create React App 创建项目
Create React App 是官方推荐的脚手架工具，能快速生成 React 项目结构。运行以下命令创建项目：
npx create-react-app my-app
cd my-app
npm start项目默认会在 http://localhost:3000 启动。
项目目录结构
主要文件及作用：
src/index.js：应用入口文件，渲染根组件。src/App.js：默认根组件，可修改或替换。public/index.html：HTML 模板，React 组件会挂载到div#root。
编写第一个组件
在 src 目录下新建 Hello.js，编写一个函数组件：
import React from 'react';
function Hello() {
return <h1>Hello, React!</h1>;
}
export default Hello;在 App.js 中引入并使用：
import Hello from './Hello';
function App() {
return (
<div>
<Hello />
</div>
);
}安装必要扩展工具
推荐安装 VS Code 插件：
- ES7+ React/Redux Snippets：快速生成 React 代码片段。
- Prettier：代码格式化工具。
部署项目
使用以下命令生成生产环境代码：
npm run build生成的 build 文件夹可直接部署到静态服务器（如 Netlify、Vercel 等）。
学习资源推荐
- React 官方文档：基础教程和 API 参考。
- MDN JavaScript 教程：巩固 JavaScript 基础。
- Codecademy 或 freeCodeCamp：交互式 React 课程。
