在 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,请执行以下操作:
打开终端(Windows 命令提示符或 PowerShell)。
创建新项目文件夹
mkdir ReactProjects
并输入以下目录:cd ReactProjects
。使用 vite 安装 React:
npm create vite@latest my-react-app -- --template react
安装后,将目录更改为新应用(“my-react-app”或你选择的任何名称):
cd my-react-app
,安装依赖项:npm install
,然后启动本地开发服务器:npm run dev
此命令将启动 Node.js 服务器和一个显示应用的新浏览器窗口。 可使用 Ctrl + c 停止在命令行中运行 React 应用。
注意
Vite 包括一个使用 Babel、esbuild 和 Rollup 的前端生成管道,但不处理后端逻辑或数据库。 如果打算通过 React 生成一个使用 Node.js 后端的服务器呈现网站,建议安装 Next.js,而不是安装更适用于单页应用 (SPA) 的 Vite。 如果要生成面向内容的静态网站,还可能需要考虑安装 Gatsby。
- 准备好将 Web 应用部署到生产后,运行
npm run build
以在“dist”文件夹中创建一个应用的版本。 有关详细信息,请参阅部署静态站点。