React 安装


React 安装指南

简介

React 是 Facebook 推出的一个用于构建用户界面的 JavaScript 库。它提供了一种高效、灵活和可重用的方式来构建用户界面组件。本文将介绍如何安装 React。

安装前准备

在安装 React 前,需要安装以下软件:

  • Node.js:React 应用需要在 Node.js 运行环境下执行。
  • npm:Node.js 安装包附带有 npm 工具(Node 包管理器),用于安装和管理 Node.js 包。

安装 Node.js 和 npm 的方法取决于你的操作系统。你可以通过官方网站(https://nodejs.org)下载合适的安装包并按照提示进行安装。

创建 React 应用

安装完 Node.js 和 npm 后,你可以使用 create-react-app 工具创建一个新的 React 应用。它是一个由 Facebook 提供的官方脚手架,用于快速搭建 React 应用的开发环境。

在命令行中执行以下命令,安装 create-react-app:

npm install -g create-react-app

安装完成后,你可以通过执行以下命令创建一个名为 my-react-app 的新的 React 应用:

create-react-app my-react-app

create-react-app 将会为你创建一个新项目,其中包含了 React 应用的基本结构和必备文件。

运行 React 应用

在创建完 React 应用后,可以通过以下命令进入应用所在目录,并启动应用:

cd my-react-app
npm start

执行完命令后,会自动在浏览器中打开应用地址 http://localhost:3000。如果一切正常,你会在浏览器中看到 React 应用的欢迎界面。

参考资料

  • React 官方网站:https://reactjs.org/
  • create-react-app 官方网站:https://create-react-app.dev/docs/getting-started/