NyaoVim

这是基于电子的Neovim前端。 Neovim编辑器作为Web组件组成，用户可以使用可重复使用的Web组件，HTML，CSS和JavaScript扩展UI。

:help design-not说：

将VIM用作外壳或IDE中的组件。

Nyaovim以同样的精神建造。 Nyaovim将Neovim编辑器作为Web组件包含，并使用Web技术扩展其UI，就像其他现代编辑和IDE一样（例如Atom，VS代码，LightTable）。

目标

• Nyaovim默认情况下没有扩展UI捆绑。它仅提供不错的UI插件体系结构。用户可以使用Web组件，HTML和CSS组成他们喜欢的UI。在将有用的组件捆绑在一起的情况下，进行Nyaovim分布也很容易。
• 不要介绍另一个插件管理器。 Web组件的HTML应与VIM插件捆绑在一起。因此，VIM插件管理器可以处理UI组件，让我们捆绑JS和VIM脚本代码。
• 默认情况下，请勿失去VIM的舒适性。它应该意识到性能。
• UI组件创建者可以使用强大的API，软件包和工具； Node.js API，Electron API，Neovim MSGPACK-RPC API），许多NPM软件包和Chrome DevTools。
• 跨平台（Linux，OS X，Windows）

备忘录：“ nyao”在日语中是“喵喵”，它的发音类似于“ neo”。它也是“不另一个原始原始”的首字母缩写。

应用结构

Nyaovim由电子上的Web组件组成，如下图所示。首先，只有<neovim-editor> ，您可以添加/删除其他组件。

UI插件示例

UI插件与常规插件一样容易安装。他们每个人都写在100〜300行以内。您还可以创建可重复使用的Web组件并将它们集成到Nyaovim中。

• Nyaovim-Markdown-preview

• nyaovim-popup-tooltip

• Nyaovim-Mini-Browser

用法

入门

您可以将Nyaovim作为NPM软件包安装。目前尚无包装发布。如果您使用Windows且尚未安装Neovim，请先阅读第一个提示。

$ npm install -g nyaovim

如果您通过系统软件包管理器安装了node PACAKGE，则npm可能需要sudo 。

如果您尚未安装Neovim，请按照Neovim的说明进行安装，因为Nyaovim在内部使用nvim命令。请注意，需要nvim v0.1.6或更高版本。

如果您使用NPM安装此应用程序，则可以使用nyaovim命令启动Nyaovim。

$ nyaovim [files...]

您会看到最小的Neovim GUI编辑（例如GVIM）。这是一个电子应用，Neovim在<canvas>上绘制。您可以使用“开发人员工具”菜单项查看此应用程序的DevTools。

在Nyaovim的首次启动时，它为UI配置创建~/.config/nyaovim/nyaovimrc.html （ %AppData%而不是Windows中的.config ）。是的，您可以使用HTML和CSS扩展和配置UI组件！

配置编辑器选项

我想您现在在想“嗯，字体不好，太小……”。您可以通过<neovim-editor>属性的属性配置某些编辑器选项。例如，下面通过font和字体font-size大小。然后将行高度设置为1.5（例如，原子采用1.5作为线路高）。

 < neovim-editor
    id =" nyaovim-editor "
    argv =" [[argv]] "
    font-size =" 14 "
    font =" Ricty,monospace "
    line-height =" 1.5 "
> </ neovim-editor >

您还可以使用browser-config.json配置浏览器窗口选项（例如保留窗口状态，单个实例应用程序等）。有关更多详细信息，请参见提示。

安装UI插件

例如，让我们安装nyaovim-popup-tooltip。

如目标部分所述，UI插件是普通的Neovim插件。您可以像任何其他Neovim插件一样安装它。如果您使用VIM插头，那么您所需要的只是在init.vim下方添加以下行。

Plug ' rhysd/nyaovim-popup-tooltip '

然后，您需要将弹出工具提示UI放在nyaovim接口上。请打开~/.config/nyaovim/nyaovimrc.html （windows中%AppData%而不是.config ）。如“目标”部分所述，用户可以使用HTML和CSS构建具有高自定义的UI。

请在<neovim-editor>标签下添加<popup-tooltip>标签如下

 < neovim-editor id =" nyaovim-editor " argv =" [[argv]] " > </ neovim-editor >
< popup-tooltip editor =" [[editor]] " > </ popup-tooltip >

<popup-tooltip>是聚合物组件。 editor="[[editor]]"是聚合物框架中的数据绑定，将编辑器实例传递到<popup-tooltip> 。这意味着从父母到子女的单向数据流。

在将Nyaovim-Popup-tooltip安装为NeoVim插件并将UI添加到HTML之后，您都完成了！打开Nyaovim，将光标移至任何图像路径，然后输入gi 。 Nyaovim将加载图像并将其显示在以下弹出工具提示中。

文件

文档目录中的文档中还有更多。

• 如何制作UI插件
• 尖端
• 常问问题
• 运行时API
• 浏览器配置

版本控制

Nyaovim现在处于Beta阶段。主要版本已固定为0，直到它获得稳定版本为止。

更新次要版本意味着它包含破裂的更改。更新补丁版本意味着它不包含破坏更改，因此您可以轻松更新版本。

执照

麻省理工学院许可证。

此应用的徽标是基于Neovim徽标未经车内许可的Neovim徽标而创建的。

Jason Long的Neovim徽标是根据Creative Commons归因3.0未体育许可获得许可的。