通过

在 Windows 上直接安装 React

本指南介绍如何使用 Vite 前端工具直接在 Windows 上设置 React 开发环境。

如果你不熟悉 React 或生成不需要 Linux 环境的项目，建议使用这些说明。 如果计划广泛使用 Bash 工具或部署到 Linux 服务器，请考虑改为 在 WSL 上安装 React 。

有关 React 的背景和不同的方案（Web 应用、移动应用（React Native）和本机桌面应用（React Native for Desktop），请参阅 React 概述。

先决条件

  • Node.js：运行 Vite 和 npm 所必需的。 使用 nvm-windows 进行安装，以便轻松进行版本管理。

创建 React 应用

  1. 打开终端（Windows 命令提示符或 PowerShell）。

  2. 创建新的项目文件夹并输入它：

    mkdir ReactProjects
cd ReactProjects

  3. 使用 Vite 创建新的 React 应用：

    npm create vite@latest my-react-app -- --template react

    Vite 将在文件夹中搭建新的 React 项目 my-react-app 。

  4. 导航到新的应用文件夹并安装依赖项：

    cd my-react-app
npm install

  5. 启动本地开发服务器：

    npm run dev

    你的应用将在 http://localhost:5173 可用。 使用 Ctrl+C 停止服务器。

  6. 准备好部署时，请构建生产环境包：

    npm run build

    输出放置在 dist 文件夹中。 请参阅 部署静态站点 以查看托管选项。

注意

Vite 非常适合单页应用（SPA）。 如果需要服务器端呈现或 Node.js 后端，请考虑改为 Next.js 。 有关静态站点生成，请参阅 Gatsby。

其他资源

  • Last updated on