Cypress-安装

前言：

　　想要使用cypress做UI自动化测试

下载安装包

　　https://nodejs.org/en/download/

　　选择对应电脑的版本即可一键安装。选择add to path

安装校验

　　检验node是否安装成功：node -v

　　检验npm是否安装成功：nmp -v

 

　　如果npm版本过低，可以通过npm更新：

　　npm install npm -g　　　　#-g表示加到电脑的全局中

 

　　npm直接下载会很慢，可以先修改下载源：http://registry.npm.taobao.org

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

　　改完后经检查是否修改成功：

　　npm config get registry

创建项目

　　1　　创建项目的工作区

　　2　　cmd进入工作区目录

　　3　　创建初始化文件

　　　　　npm init -y·　　#-y表示所有的判断均为yes

　　　　　校验：在工作区目录下自动产生一个package.json文件

　　4　　安装cypress模块到工作区中

　　　　　npm install cypress --save-dev　　#

 　　　　  校验：在工作区目录下自动产生一个node_modules文件夹和package-lock.json文件

 

　　　　npm的安装规则：参考文件：https://www.limitcode.com/detail/59a15b1a69e95702e0780249.html

　　　　npm install <模块名>　　#将模块安装到项目目录下

　　　　npm install -g <模块名>　　#将模块安装到全局，全局在哪里可以通过npm config get prefix查看。该目录下面也存在一个node_modules文件夹存在下载的模块

　　　　 npm install -save <模块名>　　#将模块安装到项目目录下，并在package文件的dependencies节点写入依赖，该节点下，每次起来会自动下载

　　　　npm install --save-dev <模块名>　　#将模块安装到项目目录下，并在package文件的devDependencies节点写入依赖，该节点下，每次起来不会自动下载

　　　　devDependencies 节点下的模块是我们在开发时需要用的，比如项目中使用的 gulp ，压缩css、js的模块。这些模块在我们的项目部署后是不需要的，所以我们可以使用 -save-dev 的形式安装。像 express 这些模块是项目运行必备的，应该安装在 dependencies 节点下，所以我们应该使用 -save 的形式安装

　　5　　启动项目

　　　　npx cypress open

　　　　#有3中启动方式，目前使用该方式打开

　　　　

　　6　　在执行打开时，遇到无法打开的情况，查看显示c盘中不存在cypress下载的版本

　　　　解决办法：

　　　　安装没有完全成功，执行命令重新安装

　　　　npx cypress cache clear　　#在C盘cache目录下会有一个当前cypress的版本，会自动将该下载的版本卸载

　　　　　　　　　　　　　　　　　C:\Users\yuefen.zhang\AppData\Local\Cypress\Cache\8.0.0

　　　　npx cypress install　　#默认安装一个最新的cypress版本