常用命令
<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>