若是想從頭學起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
- Windows 64
- Windows 32,從3.3.0版本開始支持
- Linux 64
- 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 文件
- 首先進入你要安裝的Cypress的目錄,而後運行 npm init 命令
- 一路回車就能夠了,最後輸入yes
- 而後會在你的 Cypress 文件夾下生成 package.json 文件
- 這個文件也能夠本身建立,一般存在於項目的根目錄下,它定義了這個項目所須要的各類模塊、配置信息(如:名稱、版本、依賴、腳本等)
安裝 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源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。