当前位置：首页 > React

如何安装react

2026-02-11 13:57:37React

安装React的步骤

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

node -v
npm -v

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

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

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

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

如何安装react

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

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

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

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

如何安装react

{
"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>

标签: react