当前位置:首页 > 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 如何调试

react 如何调试

调试 React 应用的方法 使用 React Developer Tools 安装 Chrome 或 Firefox 的 React Developer Tools 扩展,可以检查组件树、状态和 p…

理解如何react

理解如何react

理解React的核心概念 React是一个用于构建用户界面的JavaScript库,专注于通过组件化开发提高代码的可维护性和复用性。其核心思想包括虚拟DOM(Virtual DOM)和单向数据流,能够…

react如何开发

react如何开发

React 开发基础步骤 安装 Node.js 和 npm/yarn 确保系统已安装 Node.js(包含 npm)或 Yarn。React 项目依赖这些工具管理包和运行脚本。官方推荐使用 Node.…

typescript react 如何

typescript react 如何

TypeScript 与 React 结合使用的方法 在 React 项目中使用 TypeScript 可以提升代码的可维护性和类型安全性。以下是一些关键步骤和最佳实践: 安装 TypeScript…

react如何扩展

react如何扩展

扩展 React 项目的常用方法 使用高阶组件(HOC) 高阶组件是一种复用组件逻辑的方式。通过包裹组件并注入额外属性或逻辑,可以实现功能扩展。例如,一个日志记录的高阶组件: function…

react项目如何启动

react项目如何启动

启动React项目的步骤 确保已安装Node.js(建议版本12以上)和npm/yarn。可通过以下命令检查版本: node -v npm -v 全局安装create-react-app脚手架工具(…