mac下搭建Cypress自动化框架

系统要求：macOS 10.9以上（仅支持64位）

官网地址：https://www.cypress.io/

1、Cypress下载：

官网下载，https://download.cypress.io/

此网站会根据你的操作系统，自动下载合适的最新版本，下载后直接解压即可，解压后便可双机exe文件打开

Ps：直接打开exe是会报错找不到json文件的，所以还要安装依赖环境

2、安装Node.js

官网下载地址：https://nodejs.org/en

安装步骤就不说了，傻瓜式一键继续安装

查看是否安装成功命令

图1

ps：npm已经集成到新版的Node.js中

3. 生成package.json

在终端创建一个安装cypress的文件夹，进入该文件夹，执行命令：

npm init

输入yes按Enter键，将在你创建的cypress文件夹下，生成package.json文件，该文件包含了项目所需要的各种模块及项目的各项配置信息（如：名称、版本、依赖、脚本命令等）

4. 安装cypress

输入如下命令安装：

npm install cypress --save-dev 

Ps：当时安装的时候并未出现node_golbal路径，好像也并无关系，反正已经安装好

5、打开cypress

在你安装的cypress的文件夹下：例如：

在/Documents/cypress_test/node_modules/.bin文件夹下，执行：

npm run cypress

执行命令前在package.json文件中添加

"scripts": {

    "cypress": "cypress open"

  }

scripts字段用来定义脚本命令

命令执行完之后，出现下图页面

至此环境是已经搭建好了，但是具体使用的话，还要去深入学习一下哦。。。

---

6、安装cypress可能遇到问题汇总

1>安装cypress时报错，可能安装的软件与项目名称重名，修改package.json文件中的name字段的值，重新执行命令

图3

2 >执行命令打开cypress，因为执行打开cypress的命令未添加到package.json文件的scripts中,添加脚本命令之后，执行报错

图4