当前位置:首页 > 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):

linux 下如何安装react

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

linux 下如何安装react

启动开发服务器

进入项目目录并运行:

cd my-react-app
npm start

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

生产环境构建

生成优化后的静态文件:

npm run build

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

标签: linuxreact
分享给朋友:

相关文章

react如何浮动

react如何浮动

使用 CSS 实现浮动 在 React 中实现浮动效果可以通过 CSS 的 float 属性完成。在组件的样式文件或内联样式中直接设置 float: left 或 float: right。…

react如何diff

react如何diff

React Diff 算法原理 React 的 Diff 算法是 Virtual DOM 的核心部分,用于高效更新真实 DOM。其核心思想是通过对比新旧 Virtual DOM 树的差异,最小化 DO…

react 如何设置 代理

react 如何设置 代理

在 React 中设置代理 在开发过程中,为了跨域请求后端 API,可以通过配置代理来解决。以下是几种常见的设置代理的方法: 使用 package.json 配置代理 在 package.json…

如何封装表单react

如何封装表单react

封装 React 表单的方法 封装 React 表单可以通过创建可复用的表单组件或自定义 Hook 来实现。以下是几种常见的方法: 使用受控组件封装表单 通过状态管理表单数据,将表单字段的值与 Re…

react如何抛异常

react如何抛异常

如何在 React 中抛出异常 在 React 中,异常处理通常分为组件内部错误和全局错误捕获两种方式。以下是具体实现方法: 组件内部抛出异常 直接使用 JavaScript 的 throw 语句…

react如何创建数组

react如何创建数组

创建数组的方法 在React中创建数组与普通JavaScript相同,可以使用多种方式。以下是常见的几种方法: 使用数组字面量 const array = [1, 2, 3, 4]; 使用Arra…