【cypress】2. 安裝Cypress(windows系統),以及cypress open報錯解決。

把蘋果v咬哭發表於2021-04-30

安裝cypress。

一、作業系統

先確認下你的系統,是否在cypress支援範圍之內:

  • macOS 10.9 以上 (僅64-bit)
  • Linux Ubuntu 12.04及以上版本,Fedora 21和Debian 8(僅64位)
  • windows7 以上

二、安裝依賴

1.node.js

如果使用npm來安裝Cypress,需要Node.js 12 或者 14 以上。不知道啥是node.js?

沒關係,其實說白了就是一種javascript的執行環境,能夠使得javascript脫離瀏覽器執行。
安裝教程網上很多了,給個傳送門自己對著裝就好啦。

2.linux

如果使用的是Linux,則需要在系統上安裝所需的依賴項。
官方也提供了的cypress/base 的Docker容器,安裝了所有的依賴項。

三、安裝

我的是win10系統,node.js我也早就裝好了,輸入命令 node -v 可以看到自己裝的版本。

現在就使用npm 來安裝cypress,這也是官方推薦的安裝方式,原因有二:

  1. 可以跟其他依賴項一樣,控制cypress的版本。
  2. 簡化了在持續整合中執行Cypress。

首先,在你的對應專案路徑下,先用 npm init初始化專案,隨之要輸入的專案資訊,你填也可以,不填就一直回車,最後輸入yes

接著,再鍵入命令安裝npm install cypress --save-dev即可,等待安裝完成。

四、安裝完成,開啟cypress

安裝好後,只要進入安裝目錄下的./node_modules/.bin/,輸入cypress open即可:

但是我這裡出現一個cypress啟動報錯, EEXIST: file already exists

解決報錯
可以在根目錄的package.json中,增加scripts "cypress:open": "cypress open",整個內容是這樣:

{
  "name": "cypress-pingguo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "cypress:open": "cypress open"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "cypress": "^7.2.0"
  }
}

現在使用npm run cypress:open重新開啟cypress。

右上方可以選擇你機器上所有被cypress相容的瀏覽器,左邊的示例,點選後就會在你選擇的瀏覽器裡執行,快去試試吧。

相關文章