Stray 是一款专为 macOS 设计的现代化、轻量级代码编辑器,以其极致的性能、优雅的界面和高度可定制性而受到开发者青睐。它专注于提供流畅的编码体验,尤其适合前端开发、脚本编写及日常文本处理。本文将深入介绍其核心界面、完整工作流程及实用技巧。
一、核心界面与工作区详解
Stray 的界面遵循简约设计哲学,主要分为以下几个区域:
- 标题栏与菜单栏:顶部标准 macOS 栏,包含所有功能菜单。
- 侧边栏(资源管理器):位于窗口左侧,默认通过快捷键
Cmd+Shift+E或点击侧边栏图标打开/关闭。它以树状结构显示当前打开的项目文件夹中的所有文件和子文件夹,是项目导航的核心。 - 编辑区:窗口中央的核心区域,用于显示和编辑打开的文档。支持多标签页(Tab)管理,可通过
Cmd+T新建标签页,Cmd+W关闭当前标签页。 - 状态栏:位于窗口底部,显示当前文件的行列信息、编码格式、语言模式、Git 分支状态(如果项目在 Git 仓库中)等。
- 面板区:通常位于编辑区下方或右侧,可通过菜单栏的“查看”->“面板”打开。包含:
- 问题面板:显示代码中的错误和警告。
- 输出面板:显示任务运行或扩展的输出结果。
- 调试控制台:用于调试代码。
- 终端:集成终端(
Ctrl+`打开/关闭),可直接在编辑器内执行命令行操作。
- 活动栏:位于最左侧的垂直图标栏,包含资源管理器、搜索、源代码管理(Git)、扩展、调试等主要功能的快捷入口。
二、完整操作流程:从创建项目到导出
1. 启动与初始设置
首次启动 Stray,会显示一个欢迎页面,提供“新建文件”、“打开文件夹”等快速入口。建议关闭欢迎页后,先进行基础偏好设置:
步骤: 点击菜单栏 Stray -> 偏好设置 -> 设置(或使用快捷键 Cmd+,),进入设置界面。此处可配置字体、主题、自动保存、缩进等。
2. 创建/打开项目
Stray 以“文件夹”为单位管理项目。
- 新建项目: 点击菜单栏 文件 -> 新建窗口(
Cmd+Shift+N),然后点击 文件 -> 打开文件夹…(Cmd+O),选择一个空文件夹或创建新文件夹并打开。 - 打开现有项目: 直接使用
Cmd+O,选择项目根目录文件夹。
打开后,侧边栏会显示该文件夹的完整结构。
3. 创建与编辑文件
- 新建文件: 在侧边栏右键点击目标父文件夹,选择“新建文件”,或直接使用快捷键
Cmd+N创建未命名文件后再保存。 - 保存文件: 首次保存使用
Cmd+S,选择位置和文件名。文件后缀名(如 .js, .html, .py)会自动决定语言模式和高亮方案。 - 编辑操作: 在编辑区直接输入。常用快捷键:
- 复制行:
Cmd+Shift+D - 删除行:
Cmd+Shift+K - 上下移动行:
Option+↑/↓ - 行注释/取消注释:
Cmd+/ - 格式化文档:
Option+Shift+F
- 复制行:
4. 搜索与导航
- 文件内搜索:
Cmd+F打开搜索框,输入关键词进行查找。Cmd+G查找下一个。 - 全局搜索(跨文件):
Cmd+Shift+F打开搜索面板,可指定搜索范围和过滤条件。 - 快速跳转到文件:
Cmd+P打开“快速打开”面板,输入文件名的一部分即可快速定位并打开。 - 跳转到定义: 将光标放在函数或变量上,按
F12。
5. 使用版本控制(Git)
如果打开的文件夹是一个 Git 仓库,活动栏的“源代码管理”图标会显示更改数量。
- 查看更改: 点击活动栏的源代码管理图标(或
Ctrl+Shift+G),侧边栏会变为源代码管理面板,显示所有更改的文件。 - 暂存与提交: 在更改文件旁的“+”号点击可暂存。在顶部输入框输入提交信息,点击勾号图标或按
Cmd+Enter提交。 - 推送与拉取: 在面板底部有同步、拉取、推送等按钮。
6. 运行与调试
对于支持的语言(如 Python, JavaScript),可以配置运行任务。
- 运行简单脚本: 使用集成终端(
Ctrl+`)直接输入命令运行,如python script.py。 - 配置调试: 点击活动栏的“运行和调试”图标(或
Cmd+Shift+D),点击“创建 launch.json 文件”,选择环境(如 Node.js, Python)。配置好后,按F5开始调试,F9在光标行切换断点。
7. 最终导出或构建
Stray 本身不直接“导出”成品,但可以通过集成工具完成构建。
- 使用终端构建: 对于前端项目,在终端运行
npm run build等命令。 - 配置任务: 点击菜单栏 终端 -> 运行任务…,可以配置并运行自定义的构建任务(如通过 Gulp, Make 等)。
- 保存所有文件: 在构建前,使用
Cmd+Option+S保存所有已打开的文件。
三、常用功能进阶技巧
1. 多光标编辑
- 按住
Option键并用鼠标点击,可以添加多个光标。 - 选中一个词后,按
Cmd+Shift+L可以为所有匹配项添加光标。 - 按住
Option并拖动鼠标,可以进行列选择(矩形选择)。
2. 代码片段与快速输入
输入语言特定的前缀后按 Tab 键可以快速展开代码片段。例如,在 HTML 文件中输入 ! 然后按 Tab,会自动生成 HTML5 基础结构。
3. 命令面板(万能操作入口)
按 Cmd+Shift+P 打开命令面板,输入任何功能名称(如“更改语言模式”、“重命名符号”)即可快速执行,无需记忆菜单位置。
4. 用户代码片段自定义
通过 Cmd+Shift+P 输入“配置用户代码片段”,选择语言,即可在打开的 JSON 文件中定义自己的代码片段。
四、常见问题与解决方案
问题1:侧边栏文件列表不刷新
现象: 在外部新增或删除了文件,侧边栏没有立即显示变化。
解决: 右键点击侧边栏空白处,选择“刷新”,或使用快捷键 Cmd+R(焦点在侧边栏时)。
问题2:终端无法输入或启动失败
现象: 按 Ctrl+` 后终端面板空白或无响应。
解决: 检查默认 Shell 设置。前往 Stray -> 偏好设置 -> 设置,搜索“terminal.integrated.shell.osx”,确保其路径正确(如 /bin/zsh 或 /bin/bash)。
问题3:文件编码显示乱码
现象: 打开某些文本文件时显示乱码。
解决: 点击状态栏右下角的编码(如“UTF-8”),选择“通过编码重新打开”,尝试选择正确的编码(如 GBK, GB2312)。
问题4:扩展安装缓慢或失败
现象: 在扩展商店下载安装扩展时卡住。
解决: 检查网络连接,或尝试更换扩展商店的下载镜像。可通过设置 “extensions.gallery.proxy” 进行配置。
五、Stray for Mac 快捷键汇总表
| 功能分类 | 操作描述 | 快捷键 (Mac) |
|---|---|---|
| 通用操作 | 打开命令面板 | Cmd+Shift+P |
| 文件管理 | 新建文件 | Cmd+N |
| 打开文件夹 | Cmd+O |
|
| 保存当前文件 | Cmd+S |
|
| 编辑操作 | 撤销 | Cmd+Z |
| 复制当前行 | Cmd+Shift+D |
|
| 删除当前行 | Cmd+Shift+K |
|
| 行注释/取消注释 | Cmd+/ |
|
| 导航与搜索 | 快速打开,跳转到文件 | Cmd+P |
| 文件内查找 | Cmd+F |
|
| 跨文件查找 | Cmd+Shift+F |
|
| 界面控制 | 切换侧边栏显示/隐藏 | Cmd+B |
| 切换集成终端 | Ctrl+` |
|
| 切换全屏 | Ctrl+Cmd+F |
|
| 窗口与标签页 | 新建编辑器标签页 | Cmd+T |
| 关闭当前编辑器 | Cmd+W |
|
| 源代码管理 (Git) | 打开源代码管理面板 | Ctrl+Shift+G |
| 调试 | 启动调试 | F5 |
| 偏好设置 | 打开设置 | Cmd+, |








