在 Windows 上直接安装 React

本指南将介绍如何使用 vite 前端工具直接在 Windows 上安装 React。

如果你不熟悉 React 并且正好有兴趣学习,我们建议遵循以下说明。 如果要创建一个单页应用 (SPA),且希望该应用使用 Bash 命令或工具,并/或计划将其部署到 Linux 服务器,则建议使用 vite 在适用于 Linux 的 Windows 子系统 (WSL) 上安装

有关 React(Web 应用)、React Native(移动应用)和 React Native for Desktop(桌面应用)之间的更常规信息,请参阅 React 概述

创建 React 应用

要安装 Create React App,请执行以下操作:

  1. 打开终端(Windows 命令提示符或 PowerShell)。

  2. 创建新项目文件夹 mkdir ReactProjects 并输入以下目录:cd ReactProjects

  3. 使用 vite 安装 React:

    npm create vite@latest my-react-app -- --template react
    
  4. 安装后,将目录更改为新应用(“my-react-app”或你选择的任何名称):cd my-react-app,安装依赖项:npm install,然后启动本地开发服务器:npm run dev

    此命令将启动 Node.js 服务器和一个显示应用的新浏览器窗口。 可使用 Ctrl + c 停止在命令行中运行 React 应用。

注意

Vite 包括一个使用 BabelesbuildRollup 的前端生成管道,但不处理后端逻辑或数据库。 如果打算通过 React 生成一个使用 Node.js 后端的服务器呈现网站,建议安装 Next.js,而不是安装更适用于单页应用 (SPA) 的 Vite。 如果要生成面向内容的静态网站,还可能需要考虑安装 Gatsby

  1. 准备好将 Web 应用部署到生产后,运行 npm run build 以在“dist”文件夹中创建一个应用的版本。 有关详细信息,请参阅部署静态站点

其他资源