安裝Cypress
你將學到什么?
· 如何通過npm安裝cypress
· 如何直接下載安裝cypress
· 如何通過
package.json
對Cypress進行版本控制和運行
系統(tǒng)要求
Mac OS 10.9+逮刨,只提供 64 位的二進制文件呕缭。
Linux Ubuntu 12.04+,Fedora21修己,Debian8
Windows 7恢总,只提供 32 位的二進制文件。
安裝
npm安裝
前提是保證本地環(huán)境已經安裝了node(cypress支持node10以及12以上)
直接通過npm
安裝cypress:
> mkdir your_project(例如:cypress_demo)
> cd /your_project(例如:cypress_demo)
> npm init
> npm install cypress --save-dev
npm init的時候箩退,可以根據自己的需要填寫相關的信息离熏。
初始化之后佳谦,就可以看到以下的package.json的內容了戴涝。后面也可以根據自己的需要再去不斷更新package.json里面的內容。
安裝的時候钻蔑,如果是國內的網絡會比較慢啥刻,等待下載完成就可以了。如果是國外的網絡相對會快一點咪笑。
cypress_demo ? npm install cypress --save-dev
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
cypress@5.4.0 postinstall
/cypress_demo/node_modules/cypress
node index.js --exec install
?
Installing Cypress (version: 5.4.0)
?
? Downloaded Cypress
? Unzipped Cypress
? Finished Installation
/Library/Caches/Cypress/5.4.0
?
You can now open Cypress by running: node_modules/.bin/cypress open
?
https://on.cypress.io/installing-cypress
?
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN package.json@1.0.0 No repository field.
?+ cypress@5.4.0
added 215 packages from 147 contributors and audited 215 packages in 67.967s
?
12 packages are looking for funding
run npm fund
for details
?
found 0 vulnerabilities
直接下載安裝cypress
這是另一種安裝cypress的方法
打開cypress
安裝完成之后可帽,直接通過cypress open
就可以打開cypress了
這個界面還不足以支持cypress執(zhí)行demo的腳本內容,需要在package.json里面添加啟動項目的命令窗怒。
修改package.json里面的script腳本內容
"scripts": {
"cypress:open":"cypress open"
},
然后通過npm run cypress:open
啟動cypress就可以看到啟動的內容了
cypress_demo ? npm run cypress:open
package.json@1.0.0 cypress:open /cypress_demo
cypress open
?It looks like this is your first time using Cypress: 5.4.0
? Verified Cypress!
Library/Caches/Cypress/5.4.0/Cypress.app
?
Opening Cypress...</pre>
接下來就可以看到啟動之后cypress包含腳本的界面了映跟。這也是cypress 的客戶端界面。
這里就已經完成了cypress的安裝內容了扬虚。
重新查看項目努隙,就會看到目錄已經發(fā)生改變了。同時cypress自帶的腳本案例也可以去運行辜昵。
接下來就可以看到啟動之后cypress包含腳本的界面了荸镊。這也是cypress 的客戶端界面。