Nova 是一款由 Panic 公司为 macOS 精心打造的原生、高性能代码编辑器。它以其极致的速度、优雅的界面设计和强大的现代化功能,迅速成为 Web 开发者和全栈工程师的得力工具。本文旨在提供一份从入门到精通的详细操作指南。
一、核心界面与工作区详解
Nova 的界面设计简洁直观,主要分为以下几个核心区域:
- 侧边栏 (Sidebar):位于窗口左侧,通过顶部图标切换不同面板。
- 项目文件面板:显示当前项目的所有文件和文件夹结构。
- 搜索面板:提供全局搜索和替换功能。
- Git 面板:集成版本控制,显示变更、分支和历史。
- 扩展面板:管理已安装的扩展和主题。
- 编辑区 (Editor Area):窗口中央主体部分,用于显示和编辑代码文件。支持标签页多开、分栏视图。
- 检查器侧边栏 (Inspector Sidebar):位于窗口右侧,上下文敏感。
- 文件检查器:显示文件编码、行尾符等信息。
- 符号检查器:显示当前文件的函数、类等代码结构大纲。
- 快速查看检查器:预览图片、颜色值等。
- 扩展检查器:显示当前文件类型相关扩展提供的功能(如 CSS 颜色选择器)。
- 状态栏 (Status Bar):位于窗口底部,显示当前文件的语言模式、编码、Git 分支、行/列号等信息,并可快速切换。
二、完整工作流程:从创建到导出
1. 创建或打开项目
创建新项目:
- 通过菜单栏选择 “文件” > “新建项目”,或使用快捷键
⇧⌘N。 - 在弹出的对话框中,选择项目模板(如静态网站、Node.js 等),设置项目名称和保存位置。
- 点击“创建”,Nova 会自动在指定位置生成文件夹并打开项目。
打开现有项目:
- 通过菜单栏选择 “文件” > “打开”,或使用快捷键
⌘O。 - 导航至项目根文件夹(通常包含
.git或项目配置文件),点击“打开”。
2. 编辑与组织文件
新建文件:在侧边栏项目文件面板中,右键点击目标文件夹,选择“新建文件”,或使用快捷键 ⌘N 后保存到项目目录。
代码编辑:在编辑区直接编写代码。Nova 提供:
- 智能自动补全:根据上下文和项目文件提供建议,按
Tab或↩接受。 - 代码折叠:点击行号旁的箭头,或使用快捷键
⌥⌘[和⌥⌘]折叠/展开代码块。 - 多光标编辑:按住
⌥键并拖动鼠标可添加多个光标;⌃⇧↑/↓可在上下行添加光标。
3. 使用版本控制 (Git)
- 点击侧边栏的 Git 面板图标。
- 所有变更的文件会显示在“未暂存的更改”列表中。
- 点击文件旁的 “+” 暂存更改,或点击顶部的“全部暂存”。
- 在底部的提交信息框中输入描述,点击 “提交”,或使用快捷键
⌥⌘C。 - 要推送至远程仓库,点击面板顶部的 “推送” 按钮。
4. 预览与测试
对于 Web 项目,Nova 内置了本地预览服务器:
- 点击编辑区右上角的 “预览”按钮(地球图标)。
- Nova 会在内置浏览器标签中实时显示页面。编辑并保存文件后,预览会自动刷新。
5. 构建与部署
Nova 集成了强大的任务运行器:
- 通过菜单栏选择 “运行” > “运行任务”,或使用快捷键
⌘R。 - 选择预配置的任务(如通过
npm run build构建项目)。任务需在项目设置中预先定义。 - 任务输出和错误信息会显示在底部的 “任务”面板中。
注意:Nova 本身不直接“导出”项目。最终部署通常是通过任务(如构建生成 dist/ 文件夹)或使用集成的 FTP/SFTP 扩展同步到服务器。
三、常用功能进阶技巧
- 快速打开文件:使用
⌘T调出全局文件搜索框,输入文件名部分字符即可快速定位并打开。 - 命令面板:使用
⇧⌘P打开命令面板,输入任何功能名称(如“重命名符号”、“格式化文档”)即可快速执行,无需寻找菜单。 - 重构与重命名:在代码中选中一个符号(如变量名),右键选择“重命名符号…”,或使用
F2。Nova 会安全地重命名项目中的所有引用。 - 自定义主题与字体:进入 “Nova” > “偏好设置” > “编辑器” > “主题”,可以下载新主题或自定义颜色、字体大小。
- 本地历史:Nova 自动保存文件的本地编辑历史。右键点击编辑器标签页,选择“浏览本地历史”,可以查看和恢复任何时间点的快照。
四、常见问题与解决方案
- 问题:代码自动补全不工作或提示不准确。
- 解决方案:确保文件已保存并具有正确的文件扩展名,以便 Nova 识别语言模式。尝试重启 Nova 或通过“项目”菜单下的“刷新项目索引”来重建索引。
- 问题:Git 面板未检测到仓库或更改。
- 解决方案:确认项目根目录存在
.git文件夹。通过菜单栏 “源代码” > “刷新状态” 手动刷新。检查 Git 配置路径是否正确(偏好设置 > 源代码)。
- 解决方案:确认项目根目录存在
- 问题:内置预览功能无法加载页面或样式。
- 解决方案:检查预览 URL 是否正确(通常为
localhost加端口)。确认项目结构正确,HTML 文件引用的资源路径无误。尝试清除浏览器缓存或更换预览使用的浏览器类型(设置中可调)。
- 解决方案:检查预览 URL 是否正确(通常为
- 问题:运行任务时提示“命令未找到”。
- 解决方案:任务依赖的系统命令(如
node,npm)可能不在 Nova 的环境路径中。前往 “Nova” > “偏好设置” > “任务”,在“环境”部分正确设置 Shell 路径(如/bin/zsh)或自定义环境变量。
- 解决方案:任务依赖的系统命令(如
五、Nova for Mac 快捷键汇总表
| 功能分类 | 操作描述 | 快捷键 (Mac) |
|---|---|---|
| 文件操作 | 新建项目 | ⇧⌘N |
| 打开文件/项目 | ⌘O |
|
| 快速打开(文件跳转) | ⌘T |
|
| 保存文件 | ⌘S |
|
| 编辑操作 | 复制当前行 | ⌘D |
| 删除当前行 | ⇧⌘K |
|
| 行注释/取消注释 | ⌘/ |
|
| 格式化文档 | ⌥⇧F |
|
| 向上/下移动行 | ⌥↑/↓ |
|
| 重命名符号 | F2 |
|
| 界面导航 | 切换侧边栏显示/隐藏 | ⌘ |
| 切换检查器侧边栏 | ⌥⌘I |
|
| 前往定义 | ⌘L 或 F12 |
|
| 切换全屏 | ^⌘F |
|
| 搜索与替换 | 在文件中查找 | ⇧⌘F |
| 查找下一个 | ⌘G |
|
| 替换 | ⌥⌘F |
|
| 版本控制 | 提交更改 | ⌥⌘C |
| 刷新 Git 状态 | ⇧⌘G |
|
| 运行与调试 | 运行任务 | ⌘R |
| 打开命令面板 | ⇧⌘P |








