2 Cypress 安装

2.1 安装要求

2.1.1 系统要求

    在操作系统满足以下要求时，才能进行安装，具体要求如下所示：

• MacOS 10.9+（仅支持64位版本）
• Linux Ubuntu 12.04+、Fedora 21和 Debian (支持64位版本)
• Windows 7+（仅支持64位版本）

2.1.1 组件要求

    如果使用 npm 安装，则要求如下所示：

• Node.js 12 或 14 以上版本

其他系统的安装所需要的组件，可查问官网：https://docs.cypress.io/guides/getting-started/installing-cypress#System-requirements

2.2 安装

    Cypress 支持 npm 、 yarn 和 直接下载 ，我们以Windows为例来简单介绍一下。

2.2.1 npm 安装

    在使用npm安装Cypress时，需要先安装Node.js、设置环境变量等。此处跳过，可以自行网络搜索。Cypress安装步骤如下所示：

• 1.创建并切换至Cypress工程文件夹

cd /d C:\Users\Surpass\Documents\CypressProjects

• 2、执行以下安装命令

C:\Users\Surpass\Documents\CypressProjects> npm install cypress --save-dev

added 165 packages in 7s
npm notice
npm notice New minor version of npm available! 8.5.5 -> 8.6.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.6.0
npm notice Run npm install -g npm@8.6.0 to update!
npm notice

2.2.2 离线安装

    当自己电脑没有安装Node.js时，想快速体验Cypress，可以到官网直接下载即可。其下载地址如下所示：

https://download.cypress.io/desktop

直接下载的安装包，可能无法使用Dashboard，仅用于快速尝鲜使用。如果要使用Dashboard功能，依然使用npm安装其依赖项。

    在下载完成后，解压压缩包双击即可运行Cypress。

2.3 使用

2.3.1 打开Cypress

    如果使用npm安装，则按以下操作即可。

• 1.切换至Cypress的node_modules.bin目录
• 2.执行以下命令

C:\Users\Surpass\Documents\CypressProjects> node_modules/.bin/cypress open

或

C:\Users\Surpass\Documents\CypressProjects> npx cypress open

    成功打开Cypress界面后，如下所示：

0201成功打开Cypress.png

2.3.2 Cypress设置

2.3.2.1 切换浏览器

    在运行测试程序的时候，Cypress会在用户电脑中尝试寻找所有能兼容的浏览器，同时也允许用户自行选择浏览器，如下所示：

0202选择浏览器.png

2.3.2.2 添加npm脚本

    Cypress除了前面两种打开方式以外，还允许配置 package.json 文件中 script 字段，来自定义打开方式。如下所示：

{
  "devDependencies": {
    "cypress": "^9.5.4"
  },
  "scripts":{
      "cyo":"cypress open"
  }
}

package.json一般在安装完成后位于安装目录的根目录，如果没有，可以自己创建。

    配置完成后，可以使用以下命令进行打开：

C:\Users\Surpass\Documents\CypressProjects> npm run cyo