Cypress 小试牛刀-安装（一）

1. 安装

Cypress 支持 Windows64、Windows32、Linux64、MacOS64 版本

我们这里采用 Windows64 版本，官网地址 [https://download.cypress.io/]()

OK，我们准备所需环境，先下载安装 node.js

node.js 官网下载 [https://nodejs.org/en]()，下载完成后双击安装，设置环境变量。

接下来我们选择一个风水好的地方新建一个目录 mycpress 如图所示

然后我们进入 CMD 进入 mycypress 目录执行 npm init

这个时候呢，我们就一路回车，最后输入一个 yes + 回车

嗯，初始化完成，会在你的目录下生成 package.json 文件

现在我们安装 cypress 了 在 CMD 使用如下命令

```
npm install cypress --save-dev
```

 2. 打开 Cypress

上面我们安装好了它，现在让我们运行一下他吧

CMD 命令行进入 F:\mycypress\node_modules\.bin 文件夹执行 cypress open 或者执行 npx cypress open

点击 testlogin.js 文件即可运行调试

3. 项目文件结构

项目的文件结构如下

fixtures：用来存储外部测试数据，我们这里可以写入 JSON 文件

integeration：用来存放测试用例文件，后缀为 js、jsx、coffee、cjsx 的文件都被视为测试文件，这里我们用 js 文件。

pligins：用于存放插件的目录

results：此目录并非项目初始化时候的目录，这是生成测试报告结果 JSON 文件的目录，可以在 cypress.json 中配置

screenshots：运行 cypress run 的时候，当测试发生错误的时候，cypress 会自动截图，并默认保存在 cypress/screenshots 目录下

support：该目录下面的 commands.js 可以自定义函数，该函数会在测试文件被导入之前，加载到同级目录的 index.js 中，然后我们可以在我们的测试用例文件中通过 cy.方法名 的方式直接调用

videos：用于存放 cypress run 录制的视频