如果想從頭學起Cypress,可以看下面的系列文章哦
https://www.cnblogs.com/poloyy/category/1768839.html
系統要求
Cypress 是一個被安裝在你電腦上的桌面應用,你的操作系統需要滿足如下條件才能正常安裝
- Mac OS 10.9+(僅提供64位二進制文件)
- Linux Ubuntu 12.04+, Fedora 21, Debian 8的64位二進制文件
- Windows 7+
下載
Cypress 當前支持如下版本的下載:
- Windows 64
- Windows 32,從3.3.0版本開始支持
- Linux 64
- macOS 64
直接下載安裝
可以直接訪問下面的地址下載
https://download.cypress.io/
該網站會根據你的操作系統,自動下載最合適的版本;下載完后,解壓文件,雙擊就可以使用 Cypress 了!
選擇版本下載
訪問:https://download.cypress.io/desktop.json,獲取可下載的版本列表
直接下載的問題
Cypress 無法運行 DashBoard 服務,直接下載僅用作快速嘗試 Cypress;所以,不推薦此方式!雖然很快捷!
推薦安裝方式一:npm
安裝 Node.js
http://nodejs.cn/download/,下載msi后直接安裝就可以使用了
驗證 Node.js 和 npm
備注:npm已經集成在新版的Node.js中了
生成 package.json 文件
- 首先進入你要安裝的Cypress的目錄,然后運行 npm init 命令
- 一路回車就可以了,最后輸入yes
- 然后會在你的 Cypress 文件夾下生成 package.json 文件
- 這個文件也可以自己創建,通常存在於項目的根目錄下,它定義了這個項目所需要的各種模塊、配置信息(如:名稱、版本、依賴、腳本等)
安裝 Cypress
執行以下命令即可
npm install cypress --save-dev
推薦npm安裝方式的原因
- npm(Node Package Manager),是基於Node.js的包管理工具,npm 使 JavaScript 代碼的分享和重用更加容易
- 可以和其它任何依賴項一樣控制 Cypress 的版本
- npm 簡化了在持續集成中運行 Cypress 的過程
推薦安裝方式二:yarn
安裝 yarn
https://classic.yarnpkg.com/zh-Hans/docs/install,下載安裝即可
驗證 yarn 安裝情況
進入要安裝 Cypress 的文件夾,輸入下面命令安裝 Cypress
yarn add cypress --dev
打開 Cypress
安裝好 Cypress 后,可以通過以下方式之一打開 Cypress
方式一
進入 Cypress安裝目錄\node_modules\.bin 目錄,輸入
cypress open
備注:正常應該在 Cypress 安裝目錄下輸入即可,即 MyCypress 目錄,到后面 .bin 目錄下的 cypress 安裝目錄是要刪除的
方式二
進入 Cypress 安裝目錄,輸入
yarn run cypress open
方式三
管理員模式打開 cmd 窗口
npx cypress open
Cypress 運行成功並打開的界面,如下
Cypress 設置
Cypress 允許配置 package.json 文件的 scripts 字段,來定義打開方式
首先,進入 Cypress安裝目錄 ,打開 package.json
在 scripts 下,添加 "cypress:open":"cypress open"
后面就可以在命令行通過下面命令打開Cypress了
yarn cypress:open