当前位置:首页 > React

linux 下如何安装react

2026-01-24 06:14:46React

安装 Node.js 和 npm

React 依赖 Node.js 环境,需先安装 Node.js 和 npm(Node.js 包管理器)。通过以下命令安装最新稳定版:

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 工具快速搭建 React 项目。全局安装该工具:

sudo npm install -g create-react-app

创建新项目(例如项目名为 my-app):

npx create-react-app my-app

进入项目目录并启动开发服务器:

cd my-app
npm start

配置开发环境(可选)

安装常用开发工具如 yarn(替代 npm):

npm install -g yarn

使用 VS Code 编辑器时,可安装以下扩展提升开发效率:

  • ESLint:代码质量检查
  • Prettier:代码格式化
  • Reactjs code snippets:React 代码片段

项目结构说明

通过 create-react-app 生成的项目包含以下核心文件:

  • src/App.js:主组件文件
  • src/index.js:应用入口文件
  • public/index.html:HTML 模板
  • package.json:依赖和脚本配置

生产环境构建

完成开发后,运行以下命令生成优化后的生产版本:

linux 下如何安装react

npm run build

构建结果位于 build 目录,可直接部署到 Web 服务器。

标签: linuxreact
分享给朋友:

相关文章

react 如何引入jquery

react 如何引入jquery

引入 jQuery 到 React 项目 在 React 项目中引入 jQuery 可以通过多种方式实现,但需要注意 React 和 jQuery 操作 DOM 的方式可能冲突,因此建议仅在必要时使用…

react就业如何

react就业如何

React 就业市场现状 React 作为当前主流前端框架之一,就业需求持续旺盛。国内外互联网企业、中大型公司以及初创团队普遍采用 React 技术栈,尤其在 Web 应用、移动端(React Nat…

react如何折叠

react如何折叠

在 React 中实现折叠功能 使用 useState 管理折叠状态 通过 useState 定义一个状态变量来控制折叠面板的显示与隐藏。例如: const [isCollapsed, setIsC…

react 如何修改state

react 如何修改state

修改 state 的基础方法 在 React 中,state 的修改必须通过 setState 方法(类组件)或 state 更新函数(函数组件)。直接修改 state 会导致组件不会重新渲染,且可能…

react如何滚动scroll

react如何滚动scroll

React 实现滚动的方法 使用 useRef 和 scrollTo 方法 通过 useRef 获取 DOM 元素的引用,调用 scrollTo 方法实现滚动。 import React, { us…

react如何上传文件

react如何上传文件

使用React上传文件的方法 使用HTML的input元素和FormData 创建一个文件输入字段,通过onChange事件获取文件对象,使用FormData将文件数据发送到服务器。 import…