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,然后我尴尬的看着自己的桌面
指定浏览器启动也不行
好的,肯定是哪里不对。。。。。我也不知道哪里不对,毕竟我是野路子出身,好吧,在这个庄严的时刻,去请教广大的网友前辈们
官网上写的会自动去检测本机上的浏览器,我竟然傻傻相信了,才知道cypress默认从C盘下的C:\Program Files (x86)读取本机安装的浏览器
好吧,把电脑上的chrome安装路径下的application文件夹复制到C:\Program Files (x86)\Chrome的路径下
然后关闭cypress窗口再重新打开cypress之后,发现可选项多了chrome(老泪纵横。。。再次感谢某位不知名的奉献者)
好的,本次先分享到这里了,漫漫长路笔者还有很多要学习的,希望大家一起进步哦~~