这个模板可以帮助你在 Vite 中快速开始使用 Vue 3 进行开发。
VS Code + Vue(官方)(并请禁用 Vetur)。
- 基于 Chromium 的浏览器(Chrome、Edge、Brave 等):
- 安装 Vue.js devtools
- 在 Chrome DevTools 中开启自定义对象格式化器
- Firefox:
- 安装 Vue.js devtools
- 在 Firefox DevTools 中开启自定义对象格式化器
TypeScript 默认无法处理对 .vue 导入的类型信息,因此我们使用 vue-tsc 替代 tsc CLI 进行类型检查。在编辑器中需要安装 Volar 以使 TypeScript 语言服务识别 .vue 类型。
参阅 Vite 配置参考。
pnpm installpnpm devpnpm build使用 Vitest 运行单元测试
pnpm test:unit使用 Playwright 运行端到端测试
# 第一次运行前安装浏览器
npx playwright install
# 在 CI 上测试前需要先构建项目
pnpm build
# 运行端到端测试
pnpm test:e2e
# 仅在 Chromium 上运行
pnpm test:e2e --project=chromium
# 运行指定测试文件
pnpm test:e2e tests/example.spec.ts
# 以调试模式运行
pnpm test:e2e --debug使用 ESLint 进行代码检查
pnpm lint