_前端react如何安装

安装React的步骤

确保已安装Node.js（建议版本12.0.0或更高），可通过终端输入node -v验证。

使用官方工具Create React App快速搭建项目，运行以下命令：

npx create-react-app my-app

my-app为自定义项目名称，安装完成后进入项目目录：

cd my-app

启动开发服务器：

npm start

默认在浏览器打开http://localhost:3000即可看到初始页面。

手动配置React（可选）

通过Webpack和Babel手动配置，适合需要自定义构建流程的场景。初始化项目并安装核心依赖：

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$/,
        exclude: /node_modules/,
        use: { loader: 'babel-loader' }
      }
    ]
  }
};

使用TypeScript模板

如需TypeScript支持，创建项目时指定模板：

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

其他安装方式

通过CDN引入React（适用于快速原型开发）：

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