【cypress】2. 安装Cypress(windows系统),以及cypress open报错解决。

简介: 【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 可以看到自己装的版本。


1268169-20210430195409834-840827633.png


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

  1. 可以跟其他依赖项一样,控制cypress的版本。


  1. 简化了在持续集成中运行Cypress。


首先,在你的对应项目路径下,先用 npm init初始化项目,随之要输入的项目信息,你填也可以,不填就一直回车,最后输入yes


1268169-20210430201339844-1191666261.png


接着,再键入命令安装npm install cypress --save-dev即可,等待安装完成。


1268169-20210430201434610-1670811120.png


四、安装完成,打开cypress


安装好后,只要进入安装目录下的./node_modules/.bin/,输入cypress open即可:


1268169-20210430202013531-1262608326.png


但是我这里出现一个cypress启动报错, EEXIST: file already exists


1268169-20210430203245657-1302459253.png


解决报错


可以在根目录的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。


1268169-20210430204040903-596394484.png


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


1268169-20210430204301802-1619541393.png

相关文章
|
6天前
|
SQL 数据管理 关系型数据库
如何在 Windows 上安装 SQL Server,保姆级教程来了!
在Windows上安装SQL Server的详细步骤包括:从官方下载安装程序(如Developer版),选择自定义安装,指定安装位置(非C盘),接受许可条款,选中Microsoft更新,忽略警告,取消“适用于SQL Server的Azure”选项,仅勾选必要功能(不包括Analysis Services)并更改实例目录至非C盘,选择默认实例和Windows身份验证模式,添加当前用户,最后点击安装并等待完成。安装成功后关闭窗口。后续文章将介绍SSMS的安装。
9 0
|
7天前
|
安全 开发工具 git
Windows11搭建Python环境(2)- Anaconda虚拟环境中安装Git
Windows11搭建Python环境(2)- Anaconda虚拟环境中安装Git
13 0
|
7天前
|
5G Python
Windows11搭建Python环境(Anaconda安装与使用)
Windows11搭建Python环境(Anaconda安装与使用)
34 0
|
7天前
|
关系型数据库 MySQL Windows
windows安装MySQL5.7教程
windows安装MySQL5.7教程
19 0
|
7天前
|
人工智能 安全 机器人
AI电销机器人系统源码部署:freeswitch安装Windows
在Windows上安装FreeSWITCH:访问官网下载安装程序,运行并按提示安装;选择安装路径和组件;等待安装完成;配置FreeSWITCH,修改设置;启动服务;测试其功能;如遇问题,参考官方文档或进行调试故障排除。记得定期更新维护以保证稳定安全。
|
2月前
|
安全 数据安全/隐私保护 Windows
解锁安全之门,Windows Server 2019密码修改攻略大揭秘
解锁安全之门,Windows Server 2019密码修改攻略大揭秘
|
2月前
|
存储 安全 网络安全
铁壁如墙-WINDOWS SERVER 2019勒索病毒终极防御指南
铁壁如墙-WINDOWS SERVER 2019勒索病毒终极防御指南
|
2月前
|
网络协议 数据安全/隐私保护 Windows
Windows Server 各版本搭建域控制器实现通过域管理用户(03~19)
Windows Server 各版本搭建域控制器实现通过域管理用户(03~19)
|
2月前
|
存储 数据安全/隐私保护 索引
Windows Server 各版本搭建文件服务器实现共享文件(03~19)
Windows Server 各版本搭建文件服务器实现共享文件(03~19)
|
2月前
|
数据安全/隐私保护 虚拟化 Windows
如何在 VM 虚拟机中安装 Windows Server 2012 操作系统保姆级教程(附链接)
如何在 VM 虚拟机中安装 Windows Server 2012 操作系统保姆级教程(附链接)

热门文章

最新文章