如何在VS Code中为Cypress添加一个新项目？

• 首先确认你的真实项目与已创建的Cypress测试项目的部署关系，推荐将Cypress测试目录嵌入真实项目根目录下，后续版本同步、用例维护会更便捷
• 打开VS Code中Cypress测试项目的根目录，找到cypress.config.js（若为TypeScript项目则是cypress.config.ts）配置文件
• 修改配置文件中的核心参数：
  • 将e2e配置项下的baseUrl字段值修改为你的真实项目的本地启动地址，例如本地服务跑在3000端口时配置为baseUrl: 'http://localhost:3000'
  • 若你将Cypress测试目录迁移到了真实项目下，需同步调整specPattern字段，指向测试用例存放的文件夹路径，示例配置为specPattern: "cypress/e2e/**/*.cy.{js,jsx,ts,tsx}"
  • 配置修改完成后保存文件，需重启Cypress服务新配置才会生效
• 启动你的真实项目本地服务，确认你配置的baseUrl地址可以正常访问
• 回到VS Code终端，在Cypress测试项目根目录下执行npx cypress open启动Cypress可视化面板，即可针对真实项目编写、运行测试用例

补充提示：如果你的真实项目需要登录鉴权，可以在Cypress目录下的support/commands.js文件中封装全局登录命令，复用鉴权状态后无需每次执行测试都手动输入账号密码登录。

内容的提问来源于stack exchange，提问作者user16902331