Cypress 安装

一、cypress 安装

方式1、使用npm安装

1、生成package.json 文件

1、进入你要安装cypress 的目录，然后使用npm init 初始化目录

2、然后就可以生成package.json 文件了

2、安装cypress

如果不指定版本，默认安装的是最新的版本， 则进入对应目录输入：npm install cypress

如果指定版本，例如安装4.5.0 则进入对应目录输入：npm install cypress@4.5.0 --save-dev

安装成功后会出现如图所示目录和文件

方式2、使用yarn安装

1、安装 yarn

https://classic.yarnpkg.com/zh-Hans/docs/install，下载安装即可，验证yarn 是否安装成功

2、进入要安装 Cypress 的文件夹，输入命令：yarn add cypress --dev 即可安装 Cypress 

二、cypress 启动

方式1、进入node_module\.bin 目录输入：cypress open 启动

进入node_modules下的.bin 目录,执行命令: cypress open 启动cypress，此时会有一个报错，如图

方式2、进入项目根目录输入：yarn run cypress open

方式3、管理员模式打开 cmd 窗口，输入：npx cypress open

方式4、修改配置，自定义打开方式

1、进入项目根目录，找到package.json 文件

2、修改scripts 配置如图

3、此时可以进入根目录，使用npm run cypress:open 启动

 

三、启动成功

1、启动后可以运行看到项目中的测试脚本，如图

2、启动Cypress 后可以看下目录会看到生成了cypress 目录，后期我们可以基于这个目录进行编写测试脚本