当前位置：首页 > React

linux 下如何安装react

2026-03-10 14:16:36React

安装 Node.js 和 npm

React 需要 Node.js 环境，通过 Node.js 的包管理器 npm 或 yarn 安装。在 Linux 系统中，可以通过以下命令安装 Node.js 和 npm：

curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt-get install -y nodejs

安装完成后，验证 Node.js 和 npm 版本：

node -v
npm -v

使用 create-react-app 创建项目

create-react-app 是官方推荐的脚手架工具，用于快速初始化 React 项目。运行以下命令安装并创建项目：

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

npx 会自动下载最新版本的 create-react-app，生成项目后进入目录并启动开发服务器。

使用 Yarn 替代 npm（可选）

Yarn 是另一个流行的包管理工具，安装方式如下：

sudo npm install -g yarn
yarn create react-app my-react-app
cd my-react-app
yarn start

手动配置 Webpack 和 Babel（高级）

如果需要自定义配置，可以手动设置 Webpack 和 Babel：

初始化项目并安装依赖：

mkdir my-react-app
cd my-react-app
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：

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js',
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env', '@babel/preset-react'],
          },
        },
      },
    ],
  },
};