Cypress系列(1)- Window下安装 Cypress 并打开

简介: Cypress系列(1)- Window下安装 Cypress 并打开

如果想从头学起Cypress,可以看下面的系列文章哦

https://www.cnblogs.com/poloyy/category/1768839.html

 

系统要求


Cypress 是一个被安装在你电脑上的桌面应用,你的操作系统需要满足如下条件才能正常安装

  • Mac OS 10.9+(仅提供64位二进制文件)
  • Linux Ubuntu 12.04+, Fedora 21, Debian 8的64位二进制文件
  • Windows 7+

 

下载


Cypress 当前支持如下版本的下载:

  1. Windows 64
  2. Windows 32,从3.3.0版本开始支持
  3. Linux 64
  4. macOS 64

 

直接下载安装


可以直接访问下面的地址下载

https://download.cypress.io/

image.png


该网站会根据你的操作系统,自动下载最合适的版本;下载完后,解压文件,双击就可以使用 Cypress 了!

 

选择版本下载

访问:https://download.cypress.io/desktop.json,获取可下载的版本列表

image.png


直接下载的问题

Cypress 无法运行 DashBoard 服务,直接下载仅用作快速尝试 Cypress;所以,不推荐此方式!虽然很快捷!

 

推荐安装方式一:npm


安装 Node.js

http://nodejs.cn/download/,下载msi后直接安装就可以使用了


image.png


验证 Node.js 和 npm

备注:npm已经集成在新版的Node.js中了

image.png

生成 package.json 文件

  1. 首先进入你要安装的Cypress的目录,然后运行 npm init 命令
  2. 一路回车就可以了,最后输入yes
  3. 然后会在你的 Cypress 文件夹下生成  package.json  文件
  4. 这个文件也可以自己创建,通常存在于项目的根目录下,它定义了这个项目所需要的各种模块、配置信息(如:名称、版本、依赖、脚本等)


image.png


安装 Cypress

执行以下命令即可

npm install cypress --save-dev

推荐npm安装方式的原因

  • npm(Node Package Manager),是基于Node.js的包管理工具,npm 使 JavaScript 代码的分享和重用更加容易
  • 可以和其它任何依赖项一样控制 Cypress 的版本
  • npm 简化了在持续集成中运行 Cypress 的过程

 

推荐安装方式二:yarn


安装 yarn

https://classic.yarnpkg.com/zh-Hans/docs/install,下载安装即可

 

验证 yarn 安装情况

image.png


进入要安装 Cypress 的文件夹,输入下面命令安装 Cypress

yarn add cypress --dev

 

打开 Cypress


安装好 Cypress 后,可以通过以下方式之一打开 Cypress

方式一

进入 Cypress安装目录\node_modules\.bin 目录,输入

cypress open

image.png

备注:正常应该在 Cypress 安装目录下输入即可,即 MyCypress 目录,到后面 .bin 目录下的 cypress 安装目录是要删除的

 

方式二

进入 Cypress 安装目录,输入

yarn run cypress open

 

方式三

管理员模式打开 cmd 窗口

npx cypress open

 

Cypress 运行成功并打开的界面,如下

image.png


Cypress 设置


Cypress 允许配置  package.json 文件的 scripts 字段,来定义打开方式

首先,进入 Cypress安装目录 ,打开 package.json

在  scripts 下,添加 "cypress:open":"cypress open"

image.png


相关文章
|
存储 芯片 iOS开发
苹果M1芯片上运行Stable Diffusion,生成图片只需15秒,几步搞定
苹果M1芯片上运行Stable Diffusion,生成图片只需15秒,几步搞定
2193 0
|
11月前
|
JSON API Go
开箱即用的 GoWind Admin|风行,企业级前后端一体中后台框架:集成 Swagger UI 打造交互式 API 文档
GoWind Admin(风行)是基于 Kratos 的企业级中后台框架,集成 Swagger UI 实现交互式 API 文档。通过 Protobuf 自动生成 OpenAPI v3 规范文档,利用 `//go:embed` 嵌入服务,一键部署可视化调试界面,提升前后端协作效率,开箱即用。
692 1
开箱即用的 GoWind Admin|风行,企业级前后端一体中后台框架:集成 Swagger UI 打造交互式 API 文档
|
11月前
|
JSON Cloud Native Go
开箱即用的 GoWind Admin|风行,企业级前后端一体中后台框架:后端权限控制
GoWind Admin「风行」是企业级中后台框架,集成Casbin与OPA实现API权限控制。支持RBAC、ABAC等模型,开箱即用,助力高效构建安全的前后端一体化系统。
838 1
|
Docker 容器
Docker Compose的安装与配置
Docker Compose的安装与配置
650 2
Docker Compose的安装与配置
|
算法 大数据 网络安全
JAVA并发编程系列(13)Future、FutureTask异步小王子
本文详细解析了Future及其相关类FutureTask的工作原理与应用场景。首先介绍了Future的基本概念和接口方法,强调其异步计算特性。接着通过FutureTask实现了一个模拟外卖订单处理的示例,展示了如何并发查询外卖信息并汇总结果。最后深入分析了FutureTask的源码,包括其内部状态转换机制及关键方法的实现原理。通过本文,读者可以全面理解Future在并发编程中的作用及其实现细节。
|
JavaScript 关系型数据库 MySQL
❤Nodejs 第三章(操作本地数据库增改查)
【4月更文挑战第3天】该文档介绍了使用Node.js和Express操作本地数据库的增删改查操作。首先,概述了RESTful API的四个基本方法:GET、PUT、DELETE和POST。然后,展示了如何查询用户列表,通过axios发送GET请求,遇到跨域问题后,在app.js中设置允许跨域。接着,添加了POST方法来新增用户,并展示了MySQL的INSERT语句。
284 5
|
前端开发 Java 数据库
什么是MVC三层结构
什么是MVC三层结构
九、Docker-Compose常用命令
九、Docker-Compose常用命令