تنزيل NyaoVim - تنزيل رمز المصدر NyaoVim

NyaoVim

موارد أخرى

v0.2.0

تنزيل

هذا هو واجهة Neovim مبنية على الإلكترون. يتكون محرر NEOVIM كمكون ويب ويمكن للمستخدمين تمديد واجهة المستخدم بمكونات ويب قابلة لإعادة الاستخدام و HTML و CSS و JavaScript.

:help design-not يقول:

استخدم VIM كمكون من قذيفة أو في IDE.

بنيت Nyaovim في نفس الروح. يحتوي Nyaovim على محرر Neovim كمكون ويب ويمتد واجهة المستخدم الخاصة به بتكنولوجيا الويب ، كما هو الحال في المحررين المعاصرين المعاصرين (مثل Atom ، VS Code ، LightTable).

الأهداف

NYAOVIM لا يحدد واجهة المستخدم الممتدة افتراضيا. إنه يوفر فقط بنية البرنامج المساعد اللطيف. يمكن للمستخدمين إنشاء واجهة المستخدم المفضلة لديهم مع مكونات الويب ، HTML و CSS. من السهل أيضًا إجراء توزيع Nyaovim حيث يتم تجميع المكونات المفيدة.
لا تقدم مدير إضافي آخر. يجب تجميع HTML لمكونات الويب مع المكونات الإضافية VIM. لذلك ، يمكن لـ VIM Plugin Manager التعامل مع مكونات واجهة المستخدم ، مما يتيح لنا حزمة JS ورمز البرنامج النصي VIM.
لا تفقد راحة Vim افتراضيًا. يجب أن تكون على دراية بالأداء.
يمكن لمبدعي مكونات واجهة المستخدم استخدام واجهات برمجة التطبيقات القوية والحزم والأدوات ؛ Node.js APIs ، واجهات برمجة التطبيقات الإلكترون ، و APIs Neovim MSGPACK-RPC) ، والكثير من حزم NPM و chrome devtools.
Cross Platform (Linux ، OS X ، Windows)

المذكرة: "Nyao" هو "مواء" باللغة اليابانية ويشبه نطقها "نيو". إنه أيضًا اختصار لـ "ليس أصليًا آخر".

بنية التطبيق

يتكون Nyaovim من مكونات الويب على الإلكترون كما هو موضح في الشكل التالي. في البداية ، لا يوجد سوى <neovim-editor> ويمكنك إضافة/إزالة مكونات إضافية.

أمثلة البرنامج المساعد واجهة المستخدم

المكونات الإضافية للاتصالات قابلة للتثبيت بسهولة مثل الإضافات العادية. كل واحد منهم مكتوب ضمن 100 ~ 300 سطر. يمكنك أيضًا إنشاء مكونات ويب قابلة لإعادة الاستخدام ودمجها في Nyaovim.

Nyaovim-Markdown-Preview

Nyaovim-popup-tooltip

NYAOVIM-MINI-FROWSER

الاستخدام

ابدء

يمكنك تثبيت Nyaovim كحزمة NPM. حاليا لا يوجد إصدار تغليف متاح حتى الآن. إذا كنت تستخدم Windows ولم تقم بتثبيت Neovim بعد ، فيرجى قراءة النصائح الأولى أولاً.

$ npm install -g nyaovim

قد تتطلب npm sudo إذا قمت بتثبيت node Pacakge عبر مدير حزمة النظام.

إذا لم تكن قد قمت بتثبيت Neovim بعد ، فيرجى تثبيته بعد تعليمات Neovim لأن Nyaovim يستخدم أمر nvim داخليًا. لاحظ أن nvim V0.1.6 أو الأحدث مطلوب.

يمكنك بدء NYAOVIM مع أمر nyaovim إذا قمت بتثبيت هذا التطبيق باستخدام NPM.

$ nyaovim [files...]

سترى محرر Neovim GUI الحد الأدنى (مثل GVIM). هذا هو تطبيق الإلكترون ويتم رسم Neovim على <canvas> . يمكنك رؤية DevTools لهذا التطبيق مع عنصر قائمة "أدوات المطورين".

في البداية الأولى من Nyaovim ، فإنه ينشئ ~/.config/nyaovim/nyaovimrc.html لتكوين واجهة المستخدم ( %AppData% بدلاً من .config في Windows). نعم ، يمكنك تمديد وتكوين مكونات واجهة المستخدم مع HTML و CSS!

تكوين خيارات المحرر

أظن أنك تفكر الآن "هم ، الخط ليس جيدًا وصغير جدًا ...". يمكنك تكوين بعض خيارات المحرر حسب خصائص الخصائص <neovim-editor> . على سبيل المثال ، يتكوين أدناه Font Face وحجم الخط بواسطة خصائص font font-size . ثم قم بتعيين ارتفاع السطر على 1.5 (على سبيل المثال ، تتبنى Atom 1.5 كخطي خط).

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

ويمكنك أيضًا تكوين خيارات نافذة المتصفح باستخدام browser-config.json (مثل الحفاظ على حالة النافذة ، وتطبيق مثيل واحد ، وما إلى ذلك). انظر النصائح لمزيد من التفاصيل.

تثبيت البرنامج المساعد واجهة المستخدم

على سبيل المثال ، دعنا نثبت NYAOVIM-POPUP-TOOLTIP.

كما هو موضح في قسم الأهداف ، يعد البرنامج المساعد للوحدة هو مكون إضافي NEOVIM عادي. يمكنك تثبيته مثل أي مكون إضافي Neovim آخر. إذا كنت تستخدم vim-plug ، فكل ما تحتاجه هو إضافة السطر أدناه إلى init.vim .

Plug ' rhysd/nyaovim-popup-tooltip '

ثم تحتاج إلى وضع واجهة مستخدم Tooltip المنبثقة على واجهة Nyaovim الخاصة بك. يرجى فتح ~/.config/nyaovim/nyaovimrc.html ( %AppData% بدلاً من .config في Windows). كما هو موضح في قسم الأهداف ، يمكن للمستخدم إنشاء واجهة مستخدم مع HTML و CSS مع تخصيص عالية.

يرجى إضافة علامة <popup-tooltip> تحت <neovim-editor> على النحو التالي

 < 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 وإضافة واجهة المستخدم إلى HTML ، أنت كل شيء! افتح Nyaovim ، ونقل المؤشر إلى أي مسار صورة ، وأدخل gi . ستقوم Nyaovim بتحميل الصورة وإظهارها في تلميح الأدوات المنبثقة على النحو التالي.