Cypress UI 自动化（1）- windows 7 环境npm安装Cypress

需要在cmd终端上跑项目时，才需要安装npm版的cypress。

1 软件环境说明

本次安装部署所用的软件均为官网上目前的最新版本。

 

操作系统	软件
windows 7	node-v11.5.0-win-x64（注：8以上的版本）
	cypress-4.10.0

1.1安装node.js

1、从官网上下载最新版或稳定版的node.js(https://nodejs.org/en/download/)，并自定义安装或默认安装；

2、安装完成后，验证是否安装成功；

Microsoft Windows [版本 6.1.7601]
版权所有 (c) 2009 Microsoft Corporation。保留所有权利。

C:\Users\phy-w>node -v
v11.5.0

C:\Users\phy-w>npm -v
6.4.1

1.2安装cypress

1、在自己想要的路径先建一个文件夹，cmd进入到指定目录后再执行npm命令安装，方便后续运行项目。（因自己安装时未截图，网上盗用了一张）

等待时间会比较漫长，甚至有时会异常中断，重新安装就好了。

D:\Cypress>npm install cypress --save-dev

> cypress@4.5.0 postinstall D:\Cypress\node_modules\cypress
> node index.js --exec install

Installing Cypress (version: 4.5.0)

  √  Downloaded Cypress
  √  Unzipped Cypress
  √  Finished Installation C:\Users\dell\AppData\Local\Cypress\Cache\4.5.0

You can now open Cypress by running: node_modules\.bin\cypress open

https://on.cypress.io/installing-cypress

npm WARN saveError ENOENT: no such file or directory, open 'D:\Cypress\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open 'D:\Cypress\package.json'
npm WARN Cypress No description
npm WARN Cypress No repository field.
npm WARN Cypress No README data
npm WARN Cypress No license field.

+ cypress@4.5.0
updated 1 package in 1142.836s

1 package is looking for funding
  run `npm fund` for details

1.3运行cypress

1、安装成功后，打开cmd窗口，先进入bin目录，再使用cypress命令打开交互界面

cd node_modules/.bin
cypress open

或者使用npx命令启动，这样就不用进入bin目录

npx cypress open

 

2、或者配置package.json（前面安装成功的日志里有个warn，提示缺少package.json），使用npm命令运行

{
  "scripts": {
    "cypress:open": "cypress open",   
    "cypress:run": "cypress run"
  }
}

其中open为打开cypress交互界面的命令，run为运行脚本的命令。使用方式如下： 

npm run cypress:open
npm run cypress:run

首次打开时，会发现自动导入了cypress的案例脚本，对应的项目路径在你最开始自定义的根目录下；

如果需要运行或者打开自己的项目，则替换示例项目里面的内容（但不能替换cypress的项目名称），然后可以使用run命令运行自己的项目脚本了。

 

本文地址：https://blog.csdn.net/u012100968/article/details/107391062