_前端react如何安装

安装React的步骤

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

node -v
npm -v

使用Create React App快速搭建项目：

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

手动安装React（适用于已有项目）：

npm install react react-dom

配置开发环境

安装Babel和Webpack（如需自定义配置）：

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

创建webpack.config.js文件并配置基础设置：

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

验证安装

在src/index.js中添加测试代码：

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

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

运行开发服务器：

npm start

可选工具链

TypeScript支持：

npx create-react-app my-app --template typescript

测试工具安装：

npm install --save-dev jest @testing-library/react