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

cypress安装xpath插件 cypress安装教程_html

 

 能出来版本号,说明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

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

cypress安装xpath插件 cypress安装教程_html_02

 

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

cypress安装xpath插件 cypress安装教程_node.js_03

 

 3、选择浏览器

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

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

cypress安装xpath插件 cypress安装教程_node.js_04

 指定浏览器启动也不行

cypress安装xpath插件 cypress安装教程_cypress安装xpath插件_05

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


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

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

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

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