Nova 5 for Mac 全方位使用指南

Nova 5 是一款由 Panic 公司为 macOS 精心打造的原生、现代化代码编辑器。它以其极致的性能、优雅的界面设计和强大的扩展性,成为 Web 开发者及编程爱好者的高效工具。本文旨在提供一份详尽的操作指南,帮助您从零开始,全面掌握 Nova 5 的核心功能与工作流。

一、核心界面与工作区详解

Nova 5 的界面设计清晰直观,主要分为以下几个核心区域:

  1. 侧边栏(Sidebar):位于窗口左侧,默认包含多个标签页:
    • 项目文件浏览器:显示当前项目的所有文件和文件夹结构,支持拖拽、新建和快速搜索。
    • Git 版本控制:集成 Git 功能,可直观查看文件状态、提交历史、分支管理。
    • 搜索:提供项目内全局搜索和替换功能,支持正则表达式。
    • 扩展:管理已安装的扩展程序。
  2. 编辑区(Editor Area):窗口中央的主体区域,用于显示和编辑代码文件。支持多标签页、分栏视图、语法高亮、代码折叠。
  3. 检查器侧边栏(Inspector Sidebar):位于窗口右侧,上下文敏感,显示当前选中文件或代码元素的详细信息。
    • 文件信息:显示文件大小、编码、行尾符等。
    • 符号列表:快速导航文件内的函数、类、方法等代码符号。
    • 快速编辑:对 CSS、颜色值、字体等进行可视化编辑。
    • 远程文件:管理通过 FTP、SFTP 等连接的服务器文件。
  4. 状态栏(Status Bar):位于窗口底部,显示当前文件的编码、行尾符、语法模式、Git 分支、行号/列号等信息,并可快速切换。
  5. 活动面板(Activity Panel):通常位于底部,可向上弹出,显示构建输出、终端、扩展消息、搜索/替换结果等。

二、完整工作流程:从创建到导出

以下流程将引导您完成一个典型项目的创建、编辑、预览与部署。

1. 创建或打开项目

步骤 1:新建项目

  • 方法:点击菜单栏 文件 (File) → 新建项目 (New Project)...。
  • 快捷键:⇧⌘N (Shift+Command+N)。
  • 操作:在弹出窗口中,选择项目模板(如静态网站、PHP 项目等),设置项目名称和存储位置,点击“创建”。

步骤 2:打开现有项目

  • 方法:点击菜单栏 文件 (File) → 打开项目 (Open Project)...。
  • 快捷键:⌥⌘O (Option+Command+O)。
  • 操作:选择包含项目根目录的文件夹,点击“打开”。Nova 会自动识别为项目。

2. 编辑与组织文件

步骤 3:新建文件/文件夹

  • 在左侧“项目文件浏览器”中,右键点击目标位置,选择 新建文件 (New File) 或 新建文件夹 (New Folder)。
  • 快捷键(新建文件):⌘N。

步骤 4:编写代码

  • 在编辑区直接输入代码。Nova 提供智能代码补全、语法高亮和错误提示。
  • 使用 符号列表(右侧检查器或快捷键 ⌃⇧⌘S)快速跳转到特定函数或类。

步骤 5:保存文件

  • 方法:文件 (File) → 保存 (Save)。
  • 快捷键:⌘S。

3. 预览与调试

步骤 6:本地预览

  • 如果项目配置了本地服务器(如通过 Nova → 设置 (Preferences) → 站点 (Sites) 配置),可以点击工具栏上的 预览按钮(地球图标)在浏览器中打开。
  • 快捷键:⌘R 可在内置预览面板或默认浏览器中运行当前文件。

步骤 7:使用内置终端

  • 打开底部活动面板,选择“终端”标签页。终端默认路径位于项目根目录,可直接运行构建命令(如 npm run dev)、Git 命令等。
  • 快捷键(切换焦点到终端):⌃` (Control+反引号)。

4. 版本控制与发布

步骤 8:使用 Git

  • 在左侧边栏切换到 Git 标签页。所有更改的文件会在此列出。
  • 提交:输入提交信息,勾选要暂存的文件,点击“提交”。
  • 推送/拉取:通过标签页顶部的按钮或右键菜单进行远程仓库同步。

步骤 9:发布到远程服务器

  • 在右侧检查器切换到 远程 (Remote) 标签页,配置 FTP/SFTP 等服务器连接。
  • 配置后,在项目文件浏览器中,右键点击文件或文件夹,选择 远程 (Remote) → 上传 (Upload) 即可同步到服务器。

步骤 10:导出或构建

  • Nova 本身不直接“导出”成品,但可通过配置 任务 (Tasks) 自动化构建。
  • 配置任务:Nova → 设置 (Preferences) → 任务 (Tasks),添加自定义构建命令(如调用 Gulp、Webpack)。
  • 运行任务:通过菜单 运行 (Run) → 运行任务 (Run Task)... 或快捷键 ⇧⌘B 调用。

三、常用功能进阶技巧

  1. 多光标编辑:按住 ⌥ (Option) 键点击或拖拽,可创建多个光标。使用 ⌃⇧↑/↓ (Control+Shift+上下箭头) 在上/下方添加光标。
  2. 命令面板:按 ⇧⌘P 调出命令面板,输入关键词可快速执行任何操作(如切换主题、运行扩展命令)。
  3. 代码折叠:点击行号旁的箭头,或使用快捷键 ⌥⌘[ 和 ⌥⌘] 折叠/展开代码块。
  4. 快速跳转:按 ⌘T 打开项目文件快速搜索;按 ⇧⌘O 打开当前文件的符号跳转。
  5. 自定义主题与字体:在 Nova → 设置 (Preferences) → 编辑器 (Editor) → 主题 (Themes) 中,可深度定制编辑器的外观和字体。
  6. 片段 (Snippets):在设置中创建自定义代码片段,并通过缩写快速插入,极大提升编码效率。

四、常见问题与解决方案

Q1:Nova 无法识别我的项目类型(如 Vue、React),语法高亮或补全不正确?

A1:确保文件后缀名正确。Nova 主要通过文件后缀判断语法。对于复杂框架,可以安装对应的扩展(如 Vue.js、React.js 扩展)来获得更好的语言支持。也可在编辑器右下角状态栏手动切换语法模式。

Q2:Git 侧边栏没有显示或提示“不是 Git 仓库”?

A2:首先确认项目根目录已通过 git init 初始化,或已克隆远程仓库。如果项目在子目录,可以在 Nova → 设置 (Preferences) → 通用 (General) 中检查项目设置。

Q3:连接到远程服务器(FTP/SFTP)时上传失败?

A3:1) 仔细检查服务器地址、端口、用户名、密码及连接协议(SFTP 通常使用端口 22)。2) 检查本地和远程路径映射是否正确。3) 某些服务器需要被动模式(PASV),可在远程服务器设置的“高级”选项中调整。

Q4:如何恢复未保存的文件或查看文件历史?

A4:Nova 有自动保存功能。对于已保存的文件,可以利用 Git 功能查看历史版本。如果文件在 Git 管理中,在 Git 侧边栏的提交历史中右键点击文件,选择“查看此版本”。

五、Nova 5 for Mac 快捷键汇总表

功能分类 操作描述 快捷键 (Mac)
文件与项目 新建项目 ⇧⌘N
打开项目 ⌥⌘O
新建文件 ⌘N
保存文件 ⌘S
快速打开文件(项目内) ⌘T
编辑操作 复制当前行 ⇧⌘D
删除当前行 ⇧⌘K
行注释/取消注释 ⌘/
代码格式化 ⌥⇧F
向上/下移动行 ⌥⌘↑/↓
导航与查看 跳转到符号(当前文件) ⇧⌘O
切换侧边栏显示/隐藏 ⌘
切换检查器显示/隐藏 ⌥⌘
切换活动面板显示/隐藏 ⇧⌘A
焦点切换到终端 ⌃`
搜索与替换 项目内查找 ⇧⌘F
项目内替换 ⌥⇧⌘F
运行与预览 在浏览器中运行当前文件 ⌘R
运行任务 ⇧⌘B
通用 打开命令面板 ⇧⌘P
打开设置 ⌘,

通过本指南,您应能全面了解

爱上MAC 一站式Mac软件下载平台
第三方登录
captcha
第三方登录