# ⚠️ 重要：正确的运行方式

## ❌ 错误方式
直接点击顶部菜单栏的"运行"菜单 → **会提示"浏览器运行尚不支持此种类型文件"**

## ✅ 正确方式

### 方法一：右键菜单运行（推荐）

1. **在左侧项目管理器中找到项目根目录**
   ```
   项目管理器
   └─ martial-admin-mini  ← 这是项目根目录（文件夹图标）
       ├─ pages/
       ├─ common/
       ├─ App.vue
       ├─ main.js
       └─ ...
   ```

2. **右键点击** `martial-admin-mini` 这个文件夹名称

3. 在弹出菜单中选择：
   ```
   运行(R) →
       运行到浏览器 →
           Chrome
   ```

4. 等待编译完成，浏览器会自动打开

### 方法二：先选中后使用菜单栏

1. **单击左侧项目管理器中的项目根目录** `martial-admin-mini`
   - 确保它被选中（高亮显示）

2. 然后点击顶部菜单栏：
   ```
   运行 → 运行到浏览器 → Chrome
   ```

## 📝 详细操作图示

```
HBuilderX界面布局：
┌────────────────────────────────────────────────┐
│ 文件 编辑 选择 运行(R) 工具 帮助              │ ← 菜单栏
├──────────┬─────────────────────────────────────┤
│项目管理器│                                     │
│          │                                     │
│📁 martial│                                     │
│  -admin  │      编辑器区域                    │
│  -mini   │                                     │
│  ├📁pages│                                     │
│  ├📁commo│                                     │
│  ├📄App.v│                                     │
│  └📄main.│                                     │
│          │                                     │
│  ↑       │                                     │
│  右键这里│                                     │
└──────────┴─────────────────────────────────────┘
```

## 操作步骤总结

### 🎯 步骤1：定位项目根目录
在左侧项目管理器中，找到 **martial-admin-mini** 文件夹

### 🎯 步骤2：右键点击
**右键**点击项目名称 `martial-admin-mini`

### 🎯 步骤3：选择运行方式
运行(R) → 运行到浏览器 → Chrome

### 🎯 步骤4：等待编译
- 底部控制台会显示编译进度
- 首次编译可能需要1-2分钟
- 编译完成后会自动打开Chrome浏览器

## ⚡ 快捷键（可选）

选中项目根目录后，可以使用快捷键：
- **Ctrl + R** - 打开运行菜单
- 然后选择运行方式

## 🔍 验证是否选对位置

右键点击后，如果看到以下菜单，说明位置正确：
```
✓ 运行(R)
    ├─ 运行到浏览器
    ├─ 运行到小程序模拟器
    └─ 运行到手机或模拟器
✓ 发行(U)
✓ 重新编译
✓ 重命名
...
```

如果没有看到"运行到浏览器"，说明：
- 可能点击的是某个文件而不是项目根目录
- 或者项目未被正确识别为uni-app项目

## 🚀 现在开始

请按照上述步骤：
1. 在左侧找到 `martial-admin-mini` 文件夹
2. 右键点击这个文件夹
3. 选择：运行 → 运行到浏览器 → Chrome

祝运行成功！