常用命令

<h3>访问 Node.js 官网，下载 LTS 版本进行安装</h3> <p><code>https://nodejs.org/zh-cn</code></p> <h3>验证安装</h3> <pre><code>node -v # 应输出 v18.x.x 或更高 npm -v # 应输出 9.x.x 或更高</code></pre> <h3>使用 Create React App（官方推荐）</h3> <p>通过 npm 全局安装脚手架工具</p> <pre><code>npm install -g create-react-app</code></pre> <h3>无需全局安装，直接创建项目</h3> <pre><code>npx create-react-app my-app cd my-app npm start</code></pre> <p>之后每次开发项目只需要进入到项目目录，编辑代码，cd my-app，npm start 运行即可查看页面效果</p> <h3>为什么官方推荐 npx？</h3> <p>避免版本锁定：全局安装的 create-react-app 可能因长期未更新而使用旧模板，而 npx 始终使用最新版本。 减少环境冲突：全局包可能与其他工具产生依赖冲突，npx 是更干净的选择。</p> <h3>项目结构说明</h3> <pre><code>my-app/ ├── node_modules/ # 依赖库 ├── public/ # 静态资源 ├── src/ # 源代码 │ ├── App.js # 主组件 │ └── index.js # 入口文件 ├── package.json # 项目配置和依赖 └── README.md</code></pre> <h3>下一步学习建议</h3> <p>React 基础：学习组件、JSX、状态管理（useState）。 工具链：了解 npm scripts、Webpack 配置。 全栈扩展：学习 Express.js（Node.js 后端框架）或 Next.js（React 服务端渲染框架）。</p> <h3>React学习手册</h3> <p><code>https://react.nodejs.cn/learn/your-first-component</code></p>