岸边的风:个人主页
个人专栏 :《 VUE 》 《 javaScript 》
⛺️ 生活的理想,就是为了理想的生活 !
目录
必备条件
创建 React 应用
本指南将介绍如何使用 create-react-app 工具链直接在 Windows 上安装 React。
如果你不熟悉 React 并且正好有兴趣学习,我们建议遵循以下说明。 如果你要创建一个单页应用 (SPA),且希望该应用使用 Bash 命令或工具,并/或计划将其部署到 Linux 服务器,则建议使用 create-react-app 在适用于 Linux 的 Windows 子系统 (WSL) 上安装。
若要详细了解 React 的常规信息,从而在 React(Web 应用)、React Native(移动应用)和适用于 Windows 的 React Native(桌面应用)之间做出决定,请参阅 React 概述。
wsl -l -v
要在 WSL 上安装完整的 React 工具链,建议使用 create-react-app:
打开终端(Windows 命令提示符或 PowerShell)。
创建新项目文件夹 mkdir ReactProjects
并输入以下目录:cd ReactProjects
。
使用 create-react-app 安装 React。create-react-app 是为了生成并运行完整的 React.js 应用程序而安装所有依赖项的工具:
PowerShell复制
npx create-react-app my-app
备注
npx 是 npm 用于执行包的包运行程序,用来代替全局安装。 基本上,它会创建一个临时的 React 安装,这样对于每个新项目,你都可以使用最新版本的 React(而不是你执行上述全局安装时的当前版本)。 使用 NPX 包运行程序执行包还有助于在计算机上安装大量包所产生的污染。
首先,这会请求你提供临时安装 create-react-app 工具链及其关联包的权限。 完成后,将目录更改为你的新应用(“my-app”或选择的任何名称):cd my-app
。
启动新的 React 应用:
PowerShell复制
npm start
此命令将启动 Node.js 服务器和一个显示应用的新浏览器窗口。 可使用 Ctrl+c 停止在命令行中运行 React 应用。
备注
Create React App 包括一个使用 Babel 和 webpack 的前端生成管道,但不处理后端逻辑或数据库。 如果打算通过 React 生成一个使用 Node.js 后端的服务器呈现网站,建议安装 Next.js,而不是安装更适用于单页应用的 create-react-app。 如果要生成面向内容的静态网站,还可能需要考虑安装 Gatsby。
准备好将 Web 应用部署到生产时,运行 npm run build
将在“build”文件夹中创建一个应用的版本。 有关详细信息,请参阅 Create React App 用户指南。