Cypress环境搭建

Posted lvzhenhua

tags:

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

安装方式:

  方式一:npm安装

    ①安装Node.js,在官网(https://nodejs.org/en/)下载Node.js并双击安装

    技术图片

 

 

    ②配置环境变量,把node.exe所在目录加入PATH环境变量中,然后在命令行先后输入:

      node --version

      npm --version

      技术图片

      验证是否安装成功

    ③执行npm init命令生成package.json文件

      进入需要安装Cypress的文件夹,输入 npm init

      修改下载资源:npm config set registry http://registry.npm.taobao.org

      查看是否修改成功:npm config get registry

      技术图片

    ④使用 npm install cypress --save-dev 命令安装Cypress

      技术图片

 

 

  方式二:yarn安装

    ①下载安装yarn,地址(https://yarnpkg.com/en/docs/install#windows-stable)

    ②cmd检验yarn是否安装正确

      yarn -version

      技术图片

    ③下载node.js

    ④进入要安装Cypress的文件夹,通过命令  yarn add cypress --dev  安装Cypress

 

打开Cypress:

  打开doc窗口

  方式一:进入E:cypress ode_modules.bin  输入cypress open

  方式二:进入cypress安装路径下 输入 yarn run cypress open

  方式三:进入doc输入 npx cypress open

   技术图片

 

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

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

cypress初探

cypress初探

cypress初探

cypress初探

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