VS-Code创建Vue3项目

1 创建工程文件

创建一个做工程项目的文件夹 如：h5vue

2 cmd  进入文件 h5vue

3 输入如下命令

npm create vue@latest

也可以输入

npm create vite@latest 

4 输入项目名称

 

项目名称：自已输入

回车 

  可以按键盘 a (全选)

回车：

Playwright

• 特点：支持所有主流浏览器，包括Chromium、WebKit和Firefox；提供无头模式和有头模式；具有自动等待元素和强大的网络控制能力；支持多种编程语言，如Python、Java、Node.js等。
• 使用场景：适用于自动化测试、爬虫和Web开发，特别适合需要高效自动化测试和生成测试报告的场景。
• 代码示例：展示了浏览器控制、文件处理、移动端适配等基础操作。

Cypress

• 特点：专注于前端测试，提供直观的API和开箱即用的功能；具有可视化测试运行器和自动等待机制；支持多种浏览器，包括Chrome、Firefox、Edge等。
• 使用场景：常用于Web应用的自动化测试和端到端测试，特别适合需要快速反馈和调试的场景。
• 代码示例：演示了测试用例的编写和组织，包括使用.only()和.skip()来控制测试流程。

Nightwatch

• 特点：基于Node.js和Webdriver API，支持串行、并行和重试测试；提供清晰的语法和内置测试运行器；支持云测试集成和持续集成。
• 使用场景：适用于端到端自动化测试，特别适合需要扩展和自定义命令的场景。
• 代码示例：展示了如何检查元素的背景图像属性。

接下来，我将根据这些信息为用户提供关于Playwright、Cypress和Nightwatch的对比、使用场景推荐和代码示例。

根需要自已选择

创建完成：

5 VS-Code中需要的配置

左上角 终端》新建终端

6 运行项目