如何用npm下载react

安装Node.js和npm

确保系统中已安装Node.js，因为npm是Node.js的包管理器。可以从Node.js官网下载并安装最新稳定版本。安装完成后，通过以下命令验证安装是否成功：

node -v
npm -v

初始化项目（可选）

如果尚未创建项目目录，可以通过以下命令初始化一个新的Node.js项目：

mkdir my-react-app
cd my-react-app
npm init -y

这会生成一个package.json文件，用于管理项目依赖。

安装React及相关依赖

通过npm安装React和React DOM：

npm install react react-dom

如果需要开发工具（如Babel、Webpack），可以额外安装：

npm install --save-dev @babel/core @babel/preset-env @babel/preset-react webpack webpack-cli webpack-dev-server

创建React应用（推荐）

更简单的方法是使用create-react-app脚手架工具快速生成React项目：

npx create-react-app my-app
cd my-app
npm start

这会自动配置开发环境并启动开发服务器。

验证安装

在项目根目录下创建或修改src/index.js文件，添加以下代码测试React是否正常工作：

import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
  <h1>Hello, React!</h1>,
  document.getElementById('root')
);

运行npm start后，浏览器访问http://localhost:3000应能看到渲染内容。