如何安装react

安装React的步骤

确保已安装Node.js（建议版本16或更高），可通过以下命令检查版本：

node -v
npm -v

使用Create React App快速搭建项目（推荐新手）：

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

手动配置Webpack和Babel（适合需要自定义的高级用户）：

1. 初始化项目并安装核心依赖：

   

   npm init -y
   npm install react react-dom
   npm install --save-dev webpack webpack-cli babel-loader @babel/core @babel/preset-env @babel/preset-react

2. 创建webpack.config.js配置文件：

   module.exports = {
   entry: './src/index.js',
   module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: ['babel-loader']
      }
    ]
   }
   };

3. 添加Babel配置（创建.babelrc文件）：

   

   {
   "presets": ["@babel/preset-env", "@babel/preset-react"]
   }

验证安装

在项目根目录创建src/index.js：

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

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

运行开发服务器：

npx webpack serve --mode development

其他安装方式

通过CDN快速体验（仅用于学习）：

<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>