1、安装Node.js 18 或更高版本说明Node.js 是一个让 JavaScript 代码可以在浏览器之外运行的环境。node-v#检测是否安装成功2、安装Playwrightnpminstallplaywright/test#安装Playwright测试框架让你能够编写和运行自动化测试。npx playwrightinstall#下载并安装 Playwright 测试所需的浏览器和依赖项Chromium, Firefox, WebKitnpx playwright--version#检查安装版本3、 playwright辅助工具(1).VS Code 扩展 (Playwright Test for VSCode)核心功能可视化测试浏览器在侧边栏直接查看、运行、过滤测试用例Codegen 录制通过 Record New 按钮在浏览器中操作并自动生成测试代码生成的定位器会使用 getByRole、getByTestId 等最佳实践AI 辅助修复当测试失败时可使用 “Fix with AI” 按钮让 AI 分析错误并尝试修复内联调试直接在编辑器中查看测试结果和错误信息一键打开 Trace Viewer安装方式在 VS Code 扩展市场搜索 Playwright Test for VSCode 即可安装。(2).Codegen (代码生成器)命令行工具通过录制操作自动生成测试脚本。npx playwright codegen https://your-app.com#执行后会打开浏览器你的点击、输入等操作会被实时记录并转化为 Playwright 代码。
Playwright环境搭建
发布时间：2026/6/6 12:52:51
1、安装Node.js 18 或更高版本说明Node.js 是一个让 JavaScript 代码可以在浏览器之外运行的环境。node-v#检测是否安装成功2、安装Playwrightnpminstallplaywright/test#安装Playwright测试框架让你能够编写和运行自动化测试。npx playwrightinstall#下载并安装 Playwright 测试所需的浏览器和依赖项Chromium, Firefox, WebKitnpx playwright--version#检查安装版本3、 playwright辅助工具(1).VS Code 扩展 (Playwright Test for VSCode)核心功能可视化测试浏览器在侧边栏直接查看、运行、过滤测试用例Codegen 录制通过 Record New 按钮在浏览器中操作并自动生成测试代码生成的定位器会使用 getByRole、getByTestId 等最佳实践AI 辅助修复当测试失败时可使用 “Fix with AI” 按钮让 AI 分析错误并尝试修复内联调试直接在编辑器中查看测试结果和错误信息一键打开 Trace Viewer安装方式在 VS Code 扩展市场搜索 Playwright Test for VSCode 即可安装。(2).Codegen (代码生成器)命令行工具通过录制操作自动生成测试脚本。npx playwright codegen https://your-app.com#执行后会打开浏览器你的点击、输入等操作会被实时记录并转化为 Playwright 代码。
模式的完整流程)
