Cypress-环境搭建

Posted katyhudson

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Cypress-环境搭建相关的知识,希望对你有一定的参考价值。

1.环境搭建

1.1安装node.js

  • 下载地址:https://nodejs.org/en/download/
  • 安装后校验:node -v、npm -v

1.2安装Cypress方法1:npm

  • 创建Cypress_demo文件夹:mkdir Cypress_project
  • 命令行进入文件夹:cd Cypress_project
  • 初始化项目:npm init
  • 安装cypress:npm install cypress --save-dev

1.3安装Cypress方法2:yarn

  • yarn下载安装地址:https://classic.yarnpkg.com/zh-Hans/docs/install#windows-stable
  • 进入Cypress_demo文件夹
  • 安装cypress:yarn add cypress --dev
  • 打开cypress方式:进入node_modules.bin目录,输入cypress open或者yarn run cypress open或者npx cypress open
  • 技术图片

1.4快速打开

  • 打开安装目录下的package.json文件
  • 在scripts下方添加 "cypress:open":"cypress open"
  • 技术图片
  •  就可以在命令行使用:yarn cypress:open来打开 

 


以上是关于Cypress-环境搭建的主要内容,如果未能解决你的问题,请参考以下文章

cypress前端自动化测试工具——环境搭建初步实现UI自动化与selenium做对比

cypress初探

cypress初探

cypress初探

cypress初探

学生成绩管理系统--环境搭建