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

学习 React 的基础知识 React 是一个用于构建用户界面的 JavaScript 库。学习 React 的第一步是掌握其核心概念,包括组件、状态(State)、属性(Props)和生命周期方法…

如何优化react

如何优化react

优化 React 性能的方法 使用 React.memo 或 PureComponent 对于函数组件,使用 React.memo 进行记忆化,避免不必要的重新渲染。类组件可以使用 PureCompo…

如何记忆react

如何记忆react

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

react如何重启

react如何重启

重启 React 应用的方法 重新加载当前页面 使用 window.location.reload() 强制刷新页面,这会重新加载整个应用并重置所有状态。 window.location…

react native如何

react native如何

React Native 基础知识 React Native 是一个由 Facebook 开发的框架,用于使用 JavaScript 和 React 构建跨平台移动应用。它允许开发者编写一次代码,同时…

react如何重写alert

react如何重写alert

重写 React 中的 alert 方法 在 React 中,直接使用原生 alert 会破坏用户体验,通常需要自定义弹窗组件替代。以下是实现方法: 使用自定义弹窗组件 创建可复用的弹窗组件,替代原…