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未體育許可獲得許可的。