【cypress】2. 安装Cypress（windows系统），以及cypress open报错解决。

安装cypress。

一、操作系统

先确认下你的系统，是否在cypress支持范围之内：

• macOS 10.9 以上 (仅64-bit)
• Linux Ubuntu 12.04及以上版本，Fedora 21和Debian 8(仅64位)
• windows7 以上

二、安装依赖

1.node.js

如果使用npm来安装Cypress，需要Node.js 12 或者 14 以上。不知道啥是node.js？

没关系，其实说白了就是一种javascript的运行环境，能够使得javascript脱离浏览器运行。
安装教程网上很多了，给个传送门自己对着装就好啦。

2.linux

如果使用的是Linux，则需要在系统上安装所需的依赖项。
官方也提供了的cypress/base 的Docker容器，安装了所有的依赖项。

三、安装

我的是win10系统，node.js我也早就装好了，输入命令

node -v

可以看到自己装的版本。

现在就使用npm 来安装cypress，这也是官方推荐的安装方式，原因有二：

1. 可以跟其他依赖项一样，控制cypress的版本。
2. 简化了在持续集成中运行Cypress。

首先，在你的对应项目路径下，先用

npm init

初始化项目，随之要输入的项目信息，你填也可以，不填就一直回车，最后输入

yes

。

接着，再键入命令安装

npm install cypress --save-dev

即可，等待安装完成。

四、安装完成，打开cypress

安装好后，只要进入安装目录下的

./node_modules/.bin/

，输入

cypress open

即可：

但是我这里出现一个cypress启动报错，

EEXIST: file already exists

。

解决报错
可以在根目录的package.json中，增加scripts

"cypress:open": "cypress open"

，整个内容是这样：

{
"name": "cypress-pingguo",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"cypress:open": "cypress open"
},
"author": "",
"license": "ISC",
"devDependencies": {
"cypress": "^7.2.0"
}
}

现在使用

npm run cypress:open

重新打开cypress。

右上方可以选择你机器上所有被cypress兼容的浏览器，左边的示例，点击后就会在你选择的浏览器里运行，快去试试吧。