如何使用npm安装react

安装Node.js和npm

确保系统已安装Node.js（包含npm）。可从Node.js官网下载最新LTS版本并安装。安装完成后，通过终端或命令行验证版本：

node -v
npm -v

创建React项目

使用官方推荐的create-react-app工具快速生成项目结构。运行以下命令（将my-app替换为项目名称）：

npx create-react-app my-app

此命令会自动安装React及其核心依赖（如React DOM、Babel、Webpack等）。

进入项目目录

项目创建完成后，切换到项目文件夹：

cd my-app

启动开发服务器

运行以下命令启动本地开发环境：

npm start

默认情况下，浏览器会自动打开http://localhost:3000并显示React欢迎页面。

可选：手动安装React

若需手动配置React（不推荐初学者），可通过以下命令单独安装React和React DOM：

npm install react react-dom

需自行配置Babel、Webpack等工具链。

生产环境构建

项目开发完成后，生成优化后的生产版本：

npm run build

构建结果将输出到build文件夹中。