适合Chromebook的Zed编辑器上手

Zed 编辑器

对于很多 Chromebook 用户来说,缺少比较好用的本地编辑器是一个比较普遍的困扰,特别是我这样的程序员用户对于编辑器的要求就更多一些了。有一些同学是直接通过 crouton 安装 Sublime Text、GitHub Atom 等编辑器或者各种 IDE 软件来解决。

之前我介绍过 Caret 这款 Chrome 应用商店里的文本编辑器 App,如果只是用来编辑纯文本之类的文件那 Caret 是能胜任的,如果你需要额外的一些扩展功能,那只能另寻他法了。我还尝试过第三方开发者移植的 Chrome 版 Adobe Brackets 编辑器(和 Atom 有点类似),不过使用起来还是存在各种问题就作罢了。

还好后来我还是在 Chrome 商店里找到了今天要介绍的 Zed 编辑器,Zed 的使用方式和 Sublime Text 比较类似,其主要功能可以参考官网:

http://zedapp.org/

Zed 编辑器其实是有 Chrome App 版本和 Windows、Mac、Linux 等系统下的 Standalone 版本的,Standalone 版本的功能比 Chrome App 版本要更多(例如可以直接运行本地命令等)。

对于 Chromebook 用户来说虽然默认只能用功能相对少的 Chrome App 版本,但相应的也能得到 Chrome 版本的带来的好处:

  • 一处安装多处直接运行;
  • 自动通过 Google Drive 同步 Zed Chrome App 配置;
  • Zed Chrome App 默认自动从 Chrome 商店更新。

而且开发者考虑到日益增长的 Chromebook 用户的需求目前也在不断更新 Chrome App 版本,我们可以从 Chrome 商店 直接安装。

初步使用

Zed 编辑器启动时会提示你使用哪种界面风格,默认是不带目录树甚至隐藏了菜单栏的风格,打开编辑器会显示选择项目界面:

Zed选择项目界面

点击“Local Folder” 或者“Local File(s)”就可以打开本地的文件夹或文件编辑了,“Zedd Folder”和“Remote Folder”是两种直接编辑远程文件的方式后面单独再做介绍,另外 Zed 还直接支持打开 GitHub 版本库和 Dropbox 这点也比较方便。

打开具体的文件会直接显示文件内容,第一次打开某个项目文件夹的话则默认显示只读的 zed::start 内置使用介绍文件以帮助用户熟悉编辑器的各种快捷键之类的。

Zed 的文件编辑和 Sublime Text 这种类似是直接实时保存用户输入的结果,不需要单独的关闭保存操作。

通常的文件操作可以使用键盘快捷键或者 File 菜单完成:

  • Ctrl-N 键新建文件;
  • Ctrl-E 键打开文件;
  • Alt-T 键显示目录树;
  • F5 键刷新文件夹中的文件列表。

新建文件或者打开文件时会显示命令窗口,输入不存在的文件名就可以实现新建文件(当然也就可以直接在命令窗口中输入子目录路径)。

如果你在编辑的过程中需要打开另一个项目文件夹或者文件,那可以按 Ctrl-Shift-o 键显示最开始的选择项目界面,这样就不用重启 Zed App 了。

Zed 配置文件

这里先说 Zed 的配置文件是因为最常用的调出 Zed 命令窗口的默认快捷键 Ctrl-.Ctrl-Shift-. 在 Chromebook 上是不起作用的,当然你也可以鼠标点击 Tools 菜单下的 Run Command 菜单项来实现,不过为了使用方便,我们还是先修改 Zed 配置文件来定制命令快捷键。

打开 Zed 编辑器开始显示的选择项目界面里可以看到 Configuration 项,使用此项就可以打开 Zed 自带的配置项目目录,默认第一次打开还是会显示 zed::start 文件,使用 Ctrl-E 快捷键或者打开菜单选择 user.json 文件进行编辑,这个就是 Zed 的用户配置文件。

默认的 user.json 用户配置文件可能是这样的(仅供参考):

{
    imports: [
        "/default.json"
    ],
    preferences: {},
    modes: {},
    keys: {},
    commands: {},
    handlers: {},
    themes: {},
    packages: [    ]
}

我们可以在 keys 中新增一项来修改默认的运行命令快捷键:

    keys: {
        "Command:Enter Command": {
            win: "Ctrl-Shift-C"
        }
    },

例如改成上面的内容就可以使用 Ctrl-Shift-C 键调出运行 Zed 命令的窗口了。

当然对于修改主题之类的常用配置,你可以使用 Ctrl-, 快捷键或者 Configuration - Preferences 菜单项进行图形化的配置,这样也更加方便。

Zed 命令

Zed 命令的使用方式也是和 Sublime Text 比较相似,经过上面的步骤修改命令快捷键之后就可以体验 Zed 的各项命令了,Zed 的命令窗口支持模糊查找识别的功能。

Zed 相对 Chrome 商店里其它各种编辑器的一大优势就是其支持 Zed Package Manager(简称 ZPM)包管理特性,第三方开发者可以根据需要为 Zed 开发各种扩展功能包,ZPM 的介绍可以参考 Zed 官网文章,常用 ZPM 包在这里:

https://github.com/zedapp/zed/wiki/Packages

按快捷键调出运行命令的窗口后,输入 install 就可以看到默认匹配的安装 ZPM 包命令:

Zed命令窗口

同样输入 installed 就可以看到默认匹配的列出已安装的 ZPM 包命令,还是比较方便的。

Markdown 编辑与预览

Zed 虽然不像 Sublime Text 那样支持多标签页功能,但也可以在一个 Zed 窗口中显示最多 3 个编辑窗口,通过快捷键可以切换:

  • Ctrl-2 将窗口分割为两个编辑窗口;
  • Ctrl-3 将窗口分割为三个编辑窗口(最好高分屏才这么干哈);
  • Ctrl-1 恢复为单编辑窗口;
  • Ctrl-0 在多个编辑窗口之间切换焦点。

Zed 自带 Markdown 预览功能,如果编辑的是 Markdown 文件则可以通过 Ctrl-P 快捷键显示预览窗口,开启预览之后还可以多次使用 Ctrl-P 快捷键切换源 Markdown 文件编辑窗口和预览窗口的大小,当然也可以按 Ctrl-1 键关闭预览窗口。

我使用的 Wiki 系统 中的 Markdown 文件预览效果如下:

Zed自带Markdown预览效果

你可能从上面的截图可以看出 Zed 的 Markdown 预览功能似乎效果一般,这是因为 Zed 自带的 Markdown 预览模块对 GitHub 格式的 Markdown 文件的支持是不太好的。

不过还好已经有人为 Zed 写了一个支持 GitHub Flavored Markdown 的 ZPM 包,其项目地址如下:

https://github.com/akoenig/zed-gfm-preview

按照该项目主页的介绍,调出运行命令窗口,选择 Tools:Zpm:Installed Packages 命令准备安装新的 ZPM 包,包地址中输入 gh:akoenig/zed-gfm-preview 就可以完成安装。

安装完成之后编辑 Markdown 文件时可以通过 GitHub:Markdown:Preview 命令使用 zed-gfm-preview 方式来预览 Markdown,当然还是建议修改 Zed 用户配置文件直接将 zed-gfm-preview 配置为 Zed 默认的 Markdown 预览方式:

modes: {
    markdown: {
        handlers: {
            preview: [
                "!Tools:Preview",
                "GitHub:Markdown:Preview"
            ]
        }
    }
}

这样还是可以按默认的 Ctrl-P 快捷键直接预览 Markdown 文件:

GitHub Markdown预览效果

可以看到效果也比 Zed 自带的实现好多了哦,代码块的显示也正确了。

后记

本文只是对 Zed 编辑器的初步介绍,另外一些 Zed 自带的比较好用的远程编辑文件、自带 Web 服务器等特性后面有空再来写了,大家也可以研究折腾甚至开发自己的 ZPM 包哦。文章中有任何问题还请提出指正,火热的六月仍然祝大家玩的开心呢 ^_^。





*