vue安装cypress及其部分用法

安装Cypress

在vue中安装Cypress

1. 安装 Cypress

首先，确保你已经安装了 Cypress。在你的 Vue 项目根目录下运行以下命令：

npm install cypress --save-dev

2. 打开 Cypress

安装完 Cypress 后，可以通过以下命令打开 Cypress 测试界面：

npx cypress open

在TS中安装Cypress

1. 安装 Cypress 和 TypeScript 相关依赖

首先，在你的项目中安装 Cypress 和 TypeScript 相关的类型定义。你可以通过以下命令进行安装：

npm install cypress --save-dev
npm install --save-dev @types/node @types/cypress

这将安装：

• cypress：用于 E2E 测试。
• @types/node 和 @types/cypress：提供 Cypress 和 Node 的类型支持，以便你能够在 TypeScript 中使用类型检查。

2. 安装完成之后，在项目下会有一个 cypress.config.ts

import {
   
    defineConfig } from "cypress";
export default defineConfig({
   
   
  e2e: {
   
   
    setupNodeEvents(on, config) {
   
   
      // 如果需要在测试中自动启动 Vite 服务器，可以在这里添加代码来启动它
      // 注意：你需要确保 Vite 服务器在运行时监听并准备好处理请求
    },
    baseUrl: "http://localhost:8088", // Vite 开发服务器的地址
    supportFile :false,
    defaultCommandTimeout: 10000, // 将默认超时时间设置为 10 秒
  },
  component: {
   
   
    devServer: