# Test_project

**Repository Path**: xiaolang_new/Test_project

## Basic Information

- **Project Name**: Test_project
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-15
- **Last Updated**: 2026-05-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Test_project

本模板可帮助你快速上手使用 Vue 3 + Vite 进行开发。

## 推荐的 IDE 配置

[VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar)（并禁用 Vetur）。

## 推荐的浏览器配置

- 基于 Chromium 的浏览器（Chrome、Edge、Brave 等）：
  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
  - [在 Chrome DevTools 中启用 Custom Object Formatter](http://bit.ly/object-formatters)
- Firefox：
  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
  - [在 Firefox DevTools 中启用 Custom Object Formatter](https://fxdx.dev/firefox-devtools-custom-object-formatters/)

## TS 中 `.vue` 导入的类型支持

TypeScript 默认无法处理 `.vue` 导入的类型信息，因此我们用 `vue-tsc` 替代 `tsc` CLI 进行类型检查。在编辑器中，需要安装 [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) 来让 TypeScript 语言服务识别 `.vue` 类型。

## 自定义配置

请参阅 [Vite 配置参考](https://vite.dev/config/)。

## 项目设置

```sh
pnpm install
```

### 编译并热重载（开发环境）

```sh
pnpm dev
```

### 类型检查、编译并压缩（生产环境）

```sh
pnpm build
```

### 运行单元测试（使用 [Vitest](https://vitest.dev/)）

```sh
pnpm test:unit
```

### 运行端到端测试（使用 [Playwright](https://playwright.dev)）

```sh
# 首次运行前安装浏览器
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](https://eslint.org/) 进行代码检查

```sh
pnpm lint
```