安裝cypress

一、操作系統(tǒng)

先確認(rèn)下你的系統(tǒng)，是否在cypress支持范圍之內(nèi)：

• macOS 10.9 以上 (僅64-bit)
• Linux Ubuntu 12.04及以上版本，F(xiàn)edora 21和Debian 8(僅64位)
• windows7 以上

二、安裝依賴(lài)

1.node.js

如果使用npm來(lái)安裝Cypress，需要Node.js 12 或者 14 以上。不知道啥是node.js？

沒(méi)關(guān)系，其實(shí)說(shuō)白了就是一種javascript的運(yùn)行環(huán)境，能夠使得javascript脫離瀏覽器運(yùn)行。

安裝教程網(wǎng)上很多了，給個(gè)傳送門(mén)自己對(duì)著裝就好啦。

2.linux

如果使用的是Linux，則需要在系統(tǒng)上安裝所需的依賴(lài)項(xiàng)。

官方也提供了的cypress/base 的Docker容器，安裝了所有的依賴(lài)項(xiàng)。

三、安裝

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

現(xiàn)在就使用npm 來(lái)安裝cypress，這也是官方推薦的安裝方式，原因有二：

• 可以跟其他依賴(lài)項(xiàng)一樣，控制cypress的版本。
• 簡(jiǎn)化了在持續(xù)集成中運(yùn)行Cypress。

首先，在你的對(duì)應(yīng)項(xiàng)目路徑下，先用 npm init初始化項(xiàng)目，隨之要輸入的項(xiàng)目信息，你填也可以，不填就一直回車(chē)，最后輸入yes。

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

四、安裝完成，打開(kāi)cypress

安裝好后，只要進(jìn)入安裝目錄下的./node_modules/.bin/，輸入cypress open即可：

但是我這里出現(xiàn)一個(gè)cypress啟動(dòng)報(bào)錯(cuò)， EEXIST: file already exists。

解決報(bào)錯(cuò)

可以在根目錄的package.json中，增加scripts "cypress:open": "cypress open"，整個(gè)內(nèi)容是這樣：

{
  "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"
  }
}

現(xiàn)在使用npm run cypress:open重新打開(kāi)cypress。

右上方可以選擇你機(jī)器上所有被cypress兼容的瀏覽器，左邊的示例，點(diǎn)擊后就會(huì)在你選擇的瀏覽器里運(yùn)行，快去試試吧。

以上就是windows系統(tǒng)下安裝Cypress及cypress open報(bào)錯(cuò)解決的詳細(xì)內(nèi)容，更多關(guān)于cypress open報(bào)錯(cuò)解決的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

最新評(píng)論