Cypress 02 安裝

以下是安裝 Cypress 以及相關工具的步驟說明，從環境設置到打開 Cypress 操作介面。

1. 安裝 VS Code

前往 VS Code 官方下載頁面，選擇適合你作業系統的版本進行安裝。

從 Node.js 官方網站下載並安裝最新的 Node.js 版本。這將自動安裝 Node.js 和 npm（Node 包管理工具）。

在 VS Code 中，選擇或創建一個資料夾作為你的專案目錄。可以在終端機中執行以下命令來初始化專案：

bash

npm init -y
這會生成一個 package.json 文件，記錄專案的相關資訊和依賴項目。

使用以下命令在專案目錄中安裝 Cypress：

bash

npm i cypress --save-dev

這將 Cypress 安裝為開發依賴，並會將其添加到 package.json 文件中。

安裝完成後，你可以使用以下命令來查看 Cypress 的可用指令：

bash

./node_modules/.bin/cypress --help

這會列出 Cypress 的所有可用指令，方便你瞭解如何進行各種操作。

啟動 Cypress 的操作介面，並開始進行測試：

bash

./node_modules/.bin/cypress open

此命令會打開 Cypress 的圖形用戶介面，你可以通過它運行和管理測試。

為了方便以後啟動 Cypress，可以將指令添加到 package.json 的 scripts 部分。編輯 package.json 並加入以下內容：

json

"scripts": {
  "cypress:open": "cypress open"
}

這樣，你只需運行以下命令即可啟動 Cypress：

bash

npm run cypress:open

現在你已成功安裝 Cypress，打開操作介面後可以開始撰寫和執行測試。 Cypress 會自動生成一個 cypress 資料夾，裡面包含一些範例測試，幫助你快速上手。