引言
前面一章已經介紹了Cypress的背景，這里介紹一下Cypress安裝。
官方文檔：https://docs.cypress.io/guides/overview/why-cypress.html
環境要求
1、macOS 10.9 and above (64-bit only)
2、Linux Ubuntu 12.04 and above, Fedora 21 and Debian 8 (64-bit only)
3、Windows 7 and above
這里主要介紹Win10操作系統下安裝Cypress。
備注：如果你使用 npm 安裝 Cypress，必須要求 Node.js 8 或更高版本
安裝Node.js
在安裝cypress前，先安裝好npm，而安裝npm，只需安裝node.js，因為npm已經集成在新版的Node.js中了。
官網下載地址：https://nodejs.org/en/download/，下載msi后直接安裝就可以使用了。
備注：上面英文網站可能訪問延遲，出現打不開，可以訪問node中文網下載：http://nodejs.cn/download/
驗證是否安裝成功：
我這里node不是最新版本，因為之前安裝過了。輸入npm -v 可以正常顯示版本號，證明node.js是集成了npm。
如果想單獨安裝npm也可以。
單獨安裝npm
這里主要介紹單獨安裝npm的方法，如果已經有了，請忽略。
NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：
1.允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。
2.允許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。
3.允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。
由於新版的nodejs已經集成了 npm，所以之前 npm也 一並安裝好了。可以通過輸入 "npm -v"來測試是否成功安裝.
npm -v
如果npm版本過低，也可以通過以下指令升級npm版本
npm install npm -g
npm直接下載會很慢，先修改下載源
http://registry.npm.taobao.org
下載
npm config set registry http://registry.npm.taobao.org
改完之后查看是否改成功
npm config get registry
生成package.json文件
1、創建文件夾MyCypress，進入你要安裝的MyCypress的目錄，然后運行npm init 命令
2、一路回車就可以了，最后輸入yes
3、然后會在你的 MyCypress 文件夾下生成 package.json文件
4、這個文件也可以自己創建，通常存在於項目的根目錄下，它定義了這個項目所需要的各種模塊、配置信息（如：名稱、版本、依賴、腳本等）
安裝Cypress
進入到cypress目錄中，輸入命令：
npm install cypress --save-dev
由於網絡原因或包的大小原因，比較慢，請耐心等待...
備注：如果出現安裝失敗等問題，想重新安裝，可以先刪除MyCypress文件夾和C盤中Cypress文件夾，如圖：
刪除之后就可以重新運行上述命令安裝。
啟動Cypress
先cd到node_modules/.bin目錄
cypress open
啟動界面：
在根目錄D:\MyCypress下新建一個 package.json 文件
{
"scripts": {
"cypress:open": "cypress open"
}
}
添加之后的是這樣的：
{
"name": "cypress",
"version": "1.0.0",
"description": "",
"main": "index.js",
"dependencies": {},
"devDependencies": {
"cypress": "^4.9.0"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"cypress:open": "cypress open"
},
"author": "",
"license": "ISC"
}
方法一：npm啟動
輸入命令：
npm run cypress:open
現在，您可以從項目根目錄調用命令，如下所示：
D:\MyCypress>npm run cypress:open > cypress-dev@1.0.0 cypress:open D:\MyCypress > cypress open
接下來就可以看到正確的啟動 cypress 界面了
方法二：exe啟動
上面啟動方式是修改package.json文件scripts添加"cypress:open":"cypress open"，還有一種直接運行.exe程序，可以進入C:\Users\Administrator\AppData\Local\Cypress\Cache\4.9.0\Cypress，
雙擊運行Cypress.exe程序。
結果：
方法三：yarn啟動
https://classic.yarnpkg.com/zh-Hans/docs/install，下載安裝即可
如果安裝npm，可以這樣安裝：
npm install -g yarn
查看版本：
啟動Cypress命令：
配置了package.json后，也可以這樣啟動：
界面：
另外，yarn也可以安裝Cypress，命令如下：
yarn add cypress --dev
方法四：npx啟動
管理員模式打開 cmd 窗口，輸入：
npx cypress open
官方案例演示
打開后自帶可運行的例子，你會看到這樣的目錄結構：
cypress
├── fixtures
│ └── example.json
├── integration # 存放測試文件
│ └── examples
│ ├── actions.spec.js
│ ├── aliasing.spec.js
│ ├── assertions.spec.js
│ ├── connectors.spec.js
│ ├── cookies.spec.js
│ ├── cypress_api.spec.js
│ ├── files.spec.js
│ ├── local_storage.spec.js
│ ├── location.spec.js
│ ├── misc.spec.js
│ ├── navigation.spec.js
│ ├── network_requests.spec.js
│ ├── querying.spec.js
│ ├── spies_stubs_clocks.spec.js
│ ├── traversal.spec.js
│ ├── utilities.spec.js
│ ├── viewport.spec.js
│ ├── waiting.spec.js
│ └── window.spec.js
├── plugins # 定義一些初始化設置跟變量
│ └── index.js
└── support # 可以抽取一些公共的方法作為我們的私有命令
├── commands.js
└── index.js
雙擊運行這個js
運行結果：
總結
以上就是Cypress工具的安裝教程。如果對python測試開發、性能測試以及安全測試，可以加入學習交流群QQ，一起成長。