cypress学习笔记一安装

一、环境准备：

• node 环境
• 已经执行 npm init
• 已有 node_modules 目录或者 package.json 文件

二、安装
cypress 的安装官网提供了几种方式：

1、通过 npm 安装

$ npm install cypress --save-dev

npm 安装是将 cypress 作为项目的一个依赖包引入，安装前需要进入到项目目录中。
此安装方式比较便捷，也是官网优先推荐的。但是在安装时会遇到下载 cypress 失败、下载 cypress 较慢的问题，主要原因是下载时走国外镜像，大概率会失败。

在网上查了很多相关文章并没有找到合理的解决方案，其中有一个方案是推荐搭建自己的私有仓库，将镜像放在私有仓库中，后续下载、打包都会比较快。
如果公司需要用 cypress 做自动化框架，这个方式是必须的，大部分公司都有自己的私有仓库。但是对于测试者来说，自己体验或者学习，搭建一个私有仓库的方法太重了。
最终的解决方案来自于官方文档：

简单翻译下：
cypress 需要配置网络代理，如果不设置代理将会放生一下情况：

• 本地调试时 cypress 将不可用
• 如果你的 baseUrl 不可用时，cypress 将不会告警
• cypress 在登录或者测试时将无法连接 Dashboard Service
• 使用 npm install cypress 方式安装时将会失败

Linux 或者 MAC 解决方案：
export HTTP_PROXY=http://my-company-proxy.com
export NO_PROXY=localhost,google.com,apple.com

笔者使用的是第二个且配置的淘宝镜像，export NO_PROXY=http://npm.taobao.org

Window 解决方案：

笔者用的 Linux，windows 没有尝试，可以参考官网步骤：https://docs.cypress.io/guide…

2、通过 yarn 安装

yarn add cypress --dev

配置和 npm 安装一致，只是命令不同，凭喜好选择。

ps：使用 npm、yarn 方式安装时，请确保

3、直接下载安装包

这个安装方式适用于快速体验 cypress，不支持录制用例功能。如果要使用录制功能，需要使用 npm 或者 yarn 的方式下载。
安装包下载地址：https://download.cypress.io/d…

本文主要目的是解决 cypress 通过 npm 或者 yarn 下载慢的问题，细节安装请移步官网