诺瓦

Panic，Coda 的开发团队，推出了一款全新的 macOS 专属代码编辑器 Nova。它可以被视为“Coda 3”，但由于代码重写程度巨大，因此采用了全新的名称。

我体验过几个测试版。正式发布后，我以优惠价购买并开始使用它。以下是一些我的想法！

和许多其他人一样，我也在使用 VS Code。VS Code 非常好，而且免费。我的团队成员也都在使用 VS Code。要改变我的 VS Code 使用习惯将会非常困难。我之前写过关于切换代码编辑器的文章。简而言之：

1. 初期使用不能过于繁琐。也就是说，我可以在过渡之后再学习新功能。
2. 必须有一些杀手级功能才能吸引我。

我非常喜欢 Prettier 和 Emmet。如果我无法使用它们，我肯定会放弃。幸运的是，它们是最受欢迎的扩展程序之一。

Emmet 的默认展开快捷键是 Ctrl-E，但它似乎不支持 Tab 展开（据我所知），这不太理想。不过，它确实拥有 Emmet 的所有高级功能，你可以将它们映射到任何你想要的按键。

按键绑定设置很棒。我可以映射所有我习惯使用的快捷键，例如将 Command-T 映射到“快速打开”，这类似于 VS Code 中的“转到文件…”功能。

我启用了近 30 个 VS Code 扩展程序。它们都为我个人在 VS Code 中添加了一些便利的功能。到目前为止，我还未发现任何缺失的功能。如果 Nova 的默认行为足够出色，无需太多第三方调整（除了我前面提到的两个主要扩展程序），对我来说将是一个额外的好处。例如，我不需要插件来使我的缩进彩虹化，因为它们已经是彩虹化的了！

我每天至少会使用“项目内查找”十几次，因此这项功能对我来说必须非常高效。到目前为止，我唯一的问题是它似乎经常卡在“索引文件…”上（或者感觉卡住了，因为风扇转得很快）。也就是说，它似乎可以返回良好的搜索结果。

Nova 的 macOS 风格非常浓厚。“项目内查找”搜索结果的范围限定（例如，只返回 *.js 文件）需要创建一个新的搜索范围。我可以使用自定义名称保存该范围，这是一个不错的想法，但它使用了 macOS Finder 中冗长的、UI 繁重的搜索范围限定方式，而不是一个可以快速输入 *.js 来限定结果的输入字段。换句话说，这感觉更像是强调 macOS 风格而不是实用性。

另一个非常明显的 macOS 风格是右键单击文件夹以打开文件浏览器：这与在 Finder 中右键单击文件夹完全一样。从某种程度上来说，这令人感到安心，因为该菜单中有很多强大的功能。

但它也缺少一些可能在上下文中非常有用的功能。例如，我想念“在终端窗口中打开此文件夹”的选项。

UI 细节非常出色。代码字体首选项的选择非常棒。小地图看起来很棒，用彩色小矩形表示你的代码。窗口和编辑器主题做得非常好。UI 的各个方面都非常优雅。

它仍然是 Coda 的继承者，因此如果你需要 SFTP 到远程服务器并进行直接编辑，该功能仍然存在。我前几天不得不使用它来编辑一个我故意不放入 git 的文件，因此该功能有时仍然很方便。

否则我会使用 Coda 来完成这项工作，甚至不必为 Nova 设置它，因为 Panic Sync 已经导入所有身份验证信息。

我确实很喜欢它有一个内置浏览器（Safari，当然）。我想知道我是否可以养成只在一个应用程序中工作的习惯，而无需进行太多窗口切换。这意味着文件浏览器、代码编辑器、终端、浏览器和 DevTools。

一次看到这么多东西，有点……酷？我希望它可以选择使用内置的 Chromium，因为我更熟悉那些 DevTools。也有一些不足之处，例如我的 tmux 会话在终端中没有响应点击事件。

有趣的是，Swift 不是内置语言。考虑到它的 macOS 风格，我本以为 Panic 甚至至少用 Swift 编写了 Nova 的一部分。

至少，你应该查看 Nova 的登录页面，看看所有的 CSS 技巧！用于演示 Nova 主题的图像上的动画剪辑路径非常酷（我听说 Safari 中的剪辑路径动画是硬件加速的，这很棒！）。它只是一些叠加在一起的图像，共享相同的动画，但错开：

<code>@keyframes wipe
{
    0% { clip-path: polygon(-50% 0%, 0% 0%, -50% 101%, -100% 101%) }
    100% { clip-path: polygon(150% 0%, 200% 0%, 150% 101%, 100% 101%) }
}

/* ... */

img#interface1 { animation-delay: -17000ms; }
img#interface2 { animation-delay: -15000ms; }
img#interface3 { animation-delay: -13000ms; }
img#interface4 { animation-delay: -11000ms; }</code>

但是……这简直太漂亮了：哦，还要看看 display-p3 颜色格式的使用！

以上是诺瓦的详细内容。更多信息请关注PHP中文网其他相关文章！