当前位置:首页 > 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 moment如何使用

react moment如何使用

安装 react-moment 通过 npm 或 yarn 安装 react-moment 包。确保项目中已安装 moment.js,因为 react-moment 依赖它。 npm install…

如何选购react

如何选购react

选购 React 相关产品或服务的建议 React 是一个用于构建用户界面的 JavaScript 库,广泛应用于前端开发。以下是选购 React 相关产品(如课程、书籍、工具、组件库等)的参考方法:…

react如何查

react如何查

React 查询方法 React 提供了多种查询 DOM 元素的方式,以下是几种常见的方法: 使用 ref 通过 useRef 钩子可以获取 DOM 节点的引用,适用于直接操作 DOM 的场景。…

react如何收录

react如何收录

React 收录方法 React 的收录主要涉及搜索引擎优化(SEO)和预渲染技术。由于 React 是单页应用(SPA),默认情况下内容由 JavaScript 动态生成,可能导致搜索引擎爬虫难以收…

react如何拓展

react如何拓展

React 拓展方法 使用高阶组件(HOC) 高阶组件是一种复用组件逻辑的方式,通过接收一个组件并返回一个新组件实现功能拓展。例如,为组件添加日志功能: function withLogging…

react如何注销

react如何注销

React 组件的注销方法 在 React 中,组件的注销通常指的是在组件卸载时执行清理操作,例如取消订阅、清除定时器或释放资源。以下是几种常见的方法: 使用 useEffect 钩子的清理函数…