2 Cypress 安裝
2.1 安裝要求
2.1.1 系統要求
在操作系統滿足以下要求時，才能進行安裝，具體要求如下所示：
- MacOS 10.9+（僅支持64位版本）
- Linux Ubuntu 12.04+、Fedora 21和 Debian (支持64位版本)
- Windows 7+（僅支持64位版本）
2.1.1 組件要求
如果使用npm安裝，則要求如下所示：
- Node.js 12 或 14 以上版本
其他系統的安裝所需要的組件，可查問官網：https://docs.cypress.io/guides/getting-started/installing-cypress#System-requirements
2.2 安裝
Cypress 支持npm、yarn和直接下載，我們以Windows爲例來簡單介紹一下。
2.2.1 npm 安裝
在使用npm安裝Cypress時，需要先安裝Node.js、設置環境變量等。此處跳過，可以自行網絡搜索。Cypress安裝步驟如下所示：
- 1.創建並切換至Cypress工程文件夾
cd /d C:\Users\Surpass\Documents\CypressProjects
- 2、執行以下安裝命令
C:\Users\Surpass\Documents\CypressProjects> npm install cypress --save-dev
added 165 packages in 7s
npm notice
npm notice New minor version of npm available! 8.5.5 -> 8.6.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.6.0
npm notice Run npm install -g [email protected] to update!
npm notice
2.2.2 離線安裝
當自己電腦沒有安裝Node.js時，想快速體驗Cypress，可以到官網直接下載即可。其下載地址如下所示：
https://download.cypress.io/desktop
直接下載的安裝包，可能無法使用Dashboard，僅用於快速嚐鮮使用。如果要使用Dashboard功能，依然使用npm安裝其依賴項。
在下載完成後，解壓壓縮包雙擊即可運行Cypress。
2.3 使用
2.3.1 打開Cypress
如果使用npm安裝，則按以下操作即可。
- 1.切換至Cypress的node_modules.bin目錄
- 2.執行以下命令
C:\Users\Surpass\Documents\CypressProjects> node_modules/.bin/cypress open
或
C:\Users\Surpass\Documents\CypressProjects> npx cypress open
成功打開Cypress界面後，如下所示：
2.3.2 Cypress設置
2.3.2.1 切換瀏覽器
在運行測試程序的時候，Cypress會在用戶電腦中嘗試尋找所有能兼容的瀏覽器，同時也允許用戶自行選擇瀏覽器，如下所示：
2.3.2.2 添加npm腳本
Cypress除了前面兩種打開方式以外，還允許配置package.json文件中script字段，來自定義打開方式。如下所示：
{
"devDependencies": {
"cypress": "^9.5.4"
},
"scripts":{
"cyo":"cypress open"
}
}
package.json一般在安裝完成後位於安裝目錄的根目錄，如果沒有，可以自己創建。
配置完成後，可以使用以下命令進行打開：
C:\Users\Surpass\Documents\CypressProjects> npm run cyo
原文地址：https://www.jianshu.com/p/55dec7645b9e
本文同步在微信訂閱號上發佈，如各位小夥伴們喜歡我的文章，也可以關注我的微信訂閱號：woaitest，或掃描下面的二維碼添加關注：
