Cypress系列(1)- Window下安裝 Cypress 並打開

若是想從頭學起Cypress,能夠看下面的系列文章哦html

https://www.cnblogs.com/poloyy/category/1768839.htmlnode

 

系統要求

Cypress 是一個被安裝在你電腦上的桌面應用,你的操做系統須要知足以下條件才能正常安裝npm

  • Mac OS 10.9+(僅提供64位二進制文件)
  • Linux Ubuntu 12.04+, Fedora 21, Debian 8的64位二進制文件
  • Windows 7+

 

下載

Cypress 當前支持以下版本的下載:json

  1. Windows 64
  2. Windows 32,從3.3.0版本開始支持
  3. Linux 64
  4. macOS 64

 

直接下載安裝

能夠直接訪問下面的地址下載

https://download.cypress.io/工具

該網站會根據你的操做系統,自動下載最合適的版本;下載完後,解壓文件,雙擊就可使用 Cypress 了!網站

 

選擇版本下載

訪問:https://download.cypress.io/desktop.json,獲取可下載的版本列表spa

直接下載的問題

Cypress 沒法運行 DashBoard 服務,直接下載僅用做快速嘗試 Cypress;因此,不推薦此方式!雖然很快捷!操作系統

 

推薦安裝方式一:npm

安裝 Node.js

http://nodejs.cn/download/,下載msi後直接安裝就可使用了.net

驗證 Node.js 和 npm

備註:npm已經集成在新版的Node.js中了命令行

生成 package.json 文件

  1. 首先進入你要安裝的Cypress的目錄,而後運行 npm init 命令
  2. 一路回車就能夠了,最後輸入yes
  3. 而後會在你的 Cypress 文件夾下生成  package.json  文件
  4. 這個文件也能夠本身建立,一般存在於項目的根目錄下,它定義了這個項目所須要的各類模塊、配置信息(如:名稱、版本、依賴、腳本等)

安裝 Cypress

執行如下命令便可

npm install cypress --save-dev

推薦npm安裝方式的緣由

  • npm(Node Package Manager),是基於Node.js的包管理工具,npm 使 JavaScript 代碼的分享和重用更加容易
  • 能夠和其它任何依賴項同樣控制 Cypress 的版本
  • npm 簡化了再持續集成中運行 Cypress 的過程

 

推薦安裝方式二:yarn

安裝 yarn

https://classic.yarnpkg.com/zh-Hans/docs/install,下載安裝便可

 

驗證 yarn 安裝狀況

進入要安裝 Cypress 的文件夾,輸入下面命令安裝 Cypress

yarn add cypress --dev

 

打開 Cypress

安裝好 Cypress 後,能夠經過如下方式之一打開 Cypress

方式一

進入 Cypress安裝目錄\node_modules\.bin 目錄,輸入

cypress open

備註:正常應該在 Cypress 安裝目錄下輸入便可,即 MyCypress 目錄,到後面 .bin 目錄下的 cypress 安裝目錄是要刪除的

 

方式二

進入 Cypress 安裝目錄,輸入

yarn run cypress open

 

方式三

管理員模式打開 cmd 窗口

npx cypress open

 

Cypress 運行成功並打開的界面,以下

 

Cypress 設置

Cypress 容許配置  package.json 文件的 scripts 字段,來定義打開方式

首先,進入 Cypress安裝目錄 ,打開 package.json 

在  scripts 下,添加 "cypress:open":"cypress open"  

後面就能夠在命令行經過下面命令打開Cypress了

yarn cypress:open

 

本文分享 CNBlog - 阿菠蘿阿瑤。
若有侵權,請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。

相關文章
相關標籤/搜索