cypress初探

long long ago就已经被各大公众号洗脑这款神奇的工具，那我们一起来学习下吧（基础入门安装，边学习边记录，勿喷谢谢）

第一步：访问官方网站：https://www.cypress.io/

第二步：安装试运行

1、安装

好的，官方网站上肯定会有对应文档，好的，选择docs点击，简单阅读下，选择installing Cypress

地址：https://docs.cypress.io/guides/getting-started/installing-cypress.html

好的，下面以windows用户npm安装方式为例，说明安装步骤（其它环境其它方式请参考官方文档，均有描述）

初步读了文档之后发现可以用npm install cypress --save-dev直接安装

但是nmp命令并不是自带的，是依赖node.js（npm相当于是node的包管理工具，类似pip）

如果电脑没有安装node.js的话，先来安装nodei.js

也是一样，先看官网，然后下载：https://nodejs.org/en/download/下载之后傻瓜式安装即可

安装完成后，查看是否ok

npm -v

node -v

能出来版本号，说明ok，终于可以开始安装了。。。。。。。。

wait。。。熟悉的朋友都知道，下载的话如果是国外的源是非常慢的，好的再忍忍，先去改下npm的下载源

npm config set registry http://registry.npm.taobao.org

执行之后，查看配置项是否更改成功，执行npm config get registry

回车，发现配置变成了http://registry.npm.taobao.org即说明ok

好的，马上挑个喜欢的位置，新建一个文件夹，进入，用最快的速度敲下：npm install cypress --save-dev

如释重负，等，，，终于安装好了

官方视频示例：https://docs.cypress.io/guides/getting-started/installing-cypress.html#npm-install

2、open Cypress

安装完成后，让我们打开它看看它是怎么工作的

参考：https://docs.cypress.io/guides/getting-started/installing-cypress.html#Opening-Cypress

敲下命令行：npx cypress open

之后发现重新打开了一个工作窗口

发现有很多examples，好的，正想看看呢。。

3、选择浏览器

官方文档上后续的，就是选择浏览器：https://docs.cypress.io/guides/getting-started/installing-cypress.html#Switching-browsers

然后查看api,说支持google、edg、Firefox，然后我尴尬的看着自己的桌面

指定浏览器启动也不行

好的，肯定是哪里不对。。。。。我也不知道哪里不对，毕竟我是野路子出身，好吧，在这个庄严的时刻，去请教广大的网友前辈们

参考链接：https://blog.csdn.net/u012100968/article/details/107392398（真心的万分感谢大神们）

官网上写的会自动去检测本机上的浏览器，我竟然傻傻相信了，才知道cypress默认从C盘下的C:\Program Files (x86)读取本机安装的浏览器

好吧，把电脑上的chrome安装路径下的application文件夹复制到C:\Program Files (x86)\Chrome的路径下

然后关闭cypress窗口再重新打开cypress之后，发现可选项多了chrome（老泪纵横。。。再次感谢某位不知名的奉献者）

好的，本次先分享到这里了，漫漫长路笔者还有很多要学习的，希望大家一起进步哦~~