Cypress系列（1）- Window下安裝 Cypress 並打開
- 2020 年 5 月 26 日
- 筆記
- Cypress, 測試高級進階技能系列 - Cypress
如果想從頭學起Cypress，可以看下面的系列文章哦
//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
直接下載安裝
可以直接訪問下面的地址下載
//download.cypress.io/
該網站會根據你的作業系統，自動下載最合適的版本；下載完後，解壓文件，雙擊就可以使用 Cypress 了！
選擇版本下載
訪問：//download.cypress.io/desktop.json，獲取可下載的版本列表
直接下載的問題
Cypress 無法運行 DashBoard 服務，直接下載僅用作快速嘗試 Cypress；所以，不推薦此方式！雖然很快捷！
推薦安裝方式一：npm
安裝 Node.js
//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 的過程
推薦安裝方式二：npm
安裝 yarn
//classic.yarnpkg.com/zh-Hans/docs/install，下載安裝即可
驗證 yarn 安裝情況
進入要安裝 Cypress 的文件夾，輸入下面命令安裝 Cypress
yarn add cypress -dev
打開 Cypress
安裝好 Cypress 後，可以通過以下方式之一打開 Cypress
方式一
進入 Cypress安裝目錄\node_modules\bin 目錄，輸入
cypress open
方式二
進入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
