一 Cypress安装

使用npm安装

1.查看node.js npm的版本，输入 npm --version 和 node --version，node.js没安装的可以去中文网下载最新稳定版安装，npm不建议升级到最新版本，会导致安装Cypress时Error: Cannot find module 'ansi-styles'

2.首先创建一个新的目录，用来安装Cypress，例如创建Cypress目录

3.打开 CMD，进入到Cypress目录下，输入npm init 初始化目录就会生成package.json文件

4.如果出现Error: Cannot find module 'ansi-styles'，则需要输入npm install npm@6 -g 降低npm版本，然后输入npm install ansi-styles 安装该插件

5.输入npm install cypress --save-dev 安装Cypress最新版本，如果需要安装特定版本npm install cypress@版本号 --save-dev

安装完成后，查看目录显示如下

6.可能会遇到安装失败的问题，一般是镜像源的问题，国内还是使用淘宝的最新版本的镜像源，淘宝旧源已经关闭，输入npm config list ,打印的信息registry的地址就是淘宝旧源

7.输入 npm config set registry https://registry.npmmirror.com ，这个地址就是淘宝镜像源新地址

二 启动Cypress

1.在CMD，进入到node_modules\.bin目录下，输入 Cypress Open

2.没有初始化，退回到Cypress路径下，输入npx cypress open

初始化较慢执行完毕，则会打开Cypress窗口

1.点击 continue 则会显示需要选择的测试模式，这里我们选择E2E，端到端集成测试

还是点击continue

这里我们选择Chrome

后自动就打开了Chrome页面

2.待续~~~