为了节省时间，我们将测试一个现有的应用程序，因此我们只需关注 Cypress。而测试 Cypress 最好的方式，莫过于在它自己的网站 cypress.io 上运行它。

要使用 Cypress，我们仍然需要一个 NPM 项目。所有与 Cypress 相关的资源都将存储在这个项目中。

---

创建一个新的 NPM 项目

尽管我们的应用程序已经运行，但我们仍需创建一个新的 NPM 项目来使用 Cypress。所有测试用例都将在此编写。

要创建一个新的 NPM 项目，请在本地机器上新建一个文件夹，并运行 npm init -y。

请确保已安装 Node，以便使用 npm 命令。

这将在根目录生成一个带有默认值的基本 package.json 文件：

1{
2    "name": "cypress",
3    "version": "1.0.0",
4    "description": "",
5    "main": "index.js",
6    "scripts": {
7        "test": "echo \"Error: no test specified\" && exit 1"
8    },
9    "keywords": [],
10    "author": "",
11    "license": "ISC"
12}

---

安装 Cypress

现在我们有了可以工作的项目，接下来看看如何为它设置 Cypress。

---

最低系统要求

需要注意的是，安装 Cypress 时有一些最低系统要求需要牢记。目前，Cypress 支持以下操作系统：

• macOS 10.9 及以上版本，仅支持 64 位
• Linux Ubuntu 12.04 及以上，Fedora 21 和 Debian 8，仅支持 64 位
• Windows 7 及以上版本

如果你使用 Node，还需要 Node.js 版本 12 或 14 及以上。

安装 Cypress 的方式有两种：通过包管理器（我们将采用这种方式）或直接下载。

---

使用 yarn 或 npm 安装

要通过 yarn 或 npm 安装 Cypress，可以在终端中分别运行以下命令：

1// 使用 npm
2npm i cypress --save-dev

请确保你位于已设置好 npm 项目的文件夹内。

1// 使用 yarn
2yarn add cypress --dev

Cypress 将开始安装过程，你可以在终端中查看进度。安装完成后，它会在你的用户目录中创建一个缓存文件夹。这样，下次在其他项目中安装时，缓存将确保无需重新下载。

---

直接下载

如果你不使用 Node，或者只是想试用 Cypress，也可以通过直接下载安装。

直接下载始终获取最新版本。系统会自动检测你的操作系统，因此你可以确保获得正确的 zip 文件。

你可以从课程末尾的资源中获取下载链接。下载后解压文件夹，即可运行 Cypress，无需额外安装。

---

第一次运行 Cypress

安装完成后，你应该能看到项目文件夹中也包含了一个 package-lock.json 文件和一个 node_modules 文件夹，其中包含了 Cypress 所需的所有依赖项。

但 Cypress 还自带一个文件夹和配置文件。要查看它们，你需要运行 Cypress。打开你的 package.json 文件，将 test 脚本替换为以下内容：

1"scripts": {
2    "cypress": "node_modules\\.bin\\cypress open" 
3},

然后在终端中运行 npm run cypress。首次运行时，Cypress 会在项目根目录创建一个 cypress 文件夹。你将在此处访问所有与 Cypress 相关的资源。它还会自动生成一些示例测试，方便使用，同时在根目录生成一个 cypress.json 配置文件。

接下来，我们将研究 Cypress 的结构及其为我们安装的其他内容。