当前位置:首页 > React

linux 下如何安装react

2026-02-12 10:09:28React

安装 Node.js 和 npm

React 需要 Node.js 环境,推荐使用 LTS 版本。可以通过以下命令安装:

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

安装完成后验证版本:

node -v
npm -v

使用 create-react-app 脚手架

官方推荐通过 create-react-app 快速初始化项目:

npx create-react-app my-react-app

此命令会自动安装 React 及相关依赖。若需使用特定模板(如 TypeScript):

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

手动配置项目(可选)

若需自定义 Webpack 等配置,可放弃脚手架手动安装:

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.babelrc 文件。

启动开发服务器

进入项目目录并运行:

cd my-react-app
npm start

默认会在 http://localhost:3000 启动热更新开发环境。

生产环境构建

生成优化后的静态文件:

npm run build

输出文件位于 build 目录,可直接部署到服务器。

linux 下如何安装react

标签: linuxreact
分享给朋友:

相关文章

react native 如何

react native 如何

React Native 开发基础 React Native 是一个用于构建跨平台移动应用的框架,允许开发者使用 JavaScript 和 React 编写代码,同时生成原生 iOS 和 Androi…

react moment如何使用

react moment如何使用

安装 react-moment 通过 npm 或 yarn 安装 react-moment: npm install react-moment 或 yarn add react-moment 基本…

如何react页面

如何react页面

创建 React 页面 使用 create-react-app 快速初始化项目: npx create-react-app my-app cd my-app npm start 基础页面结构 在 s…

react如何更新

react如何更新

更新 React 版本的方法 检查当前 React 版本 运行以下命令查看项目中安装的 React 版本: npm list react 更新 React 及相关依赖 通过 npm 或 yar…

如何记忆react

如何记忆react

理解核心概念 React的核心概念包括组件、状态(state)、属性(props)、生命周期方法(类组件)和钩子(函数组件)。掌握这些基础概念是记忆React的关键。组件是React应用的构建块,分为…

react 如何运行

react 如何运行

运行 React 项目的步骤 安装 Node.js 确保系统已安装 Node.js(建议版本 16+),可通过官网下载并安装。安装后验证版本: node -v npm -v 创建 React 项目…