112 lines
3.5 KiB
Markdown
112 lines
3.5 KiB
Markdown
# ⚠️ 重要：正确的运行方式
|
||
|
||
## ❌ 错误方式
|
||
直接点击顶部菜单栏的"运行"菜单 → **会提示"浏览器运行尚不支持此种类型文件"**
|
||
|
||
## ✅ 正确方式
|
||
|
||
### 方法一：右键菜单运行（推荐）
|
||
|
||
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
|
||
|
||
祝运行成功！
|