NyaoVim

Ini adalah frontend neovim yang dibangun di atas elektron. Neovim Editor disusun sebagai komponen web dan pengguna dapat memperluas UI dengan komponen web yang dapat digunakan kembali, HTML, CSS dan JavaScript.

:help design-not mengatakan:

Gunakan vim sebagai komponen dari shell atau dalam IDE.

Nyaovim dibangun dengan semangat yang sama. Nyaovim berisi editor Neovim sebagai komponen web dan memperluas UI dengan teknologi web, seperti pada editor dan IDE modern lainnya (misalnya atom, vs kode, lighttable).

Sasaran

• Bundel Nyaovim Tidak ada UI yang diperluas secara default. Ini hanya menyediakan arsitektur plugin UI yang bagus. Pengguna dapat menyusun UI favorit mereka dengan komponen web, HTML dan CSS. Juga mudah untuk membuat distribusi Nyaovim di mana komponen yang bermanfaat dibundel.
• Jangan memperkenalkan manajer plugin lain. HTML untuk komponen web harus dibundel dengan plugin VIM. Oleh karena itu, manajer plugin VIM dapat menangani komponen UI, membiarkan kami membundel JS dan kode skrip VIM.
• Jangan kehilangan kenyamanan Vim secara default. Seharusnya menyadari kinerja.
• Pembuat komponen UI dapat menggunakan API, paket, dan alat yang kuat ; Node.js API, API Elektron, Neovim Msgpack-RPC API), begitu banyak paket NPM dan Chrome Devtools.
• Cross Platform (Linux, OS X, Windows)

Memo: 'Nyao' adalah 'Meow' dalam bahasa Jepang dan diucapkan menyerupai 'neo'. Ini juga merupakan akronim untuk 'BUKAN yang lain asli'.

Struktur aplikasi

Nyaovim terdiri dari komponen web pada elektron seperti yang ditunjukkan pada gambar berikut. Pada awalnya hanya ada <neovim-editor> dan Anda dapat menambahkan/menghapus komponen tambahan.

Contoh plugin UI

Plugin UI dapat diinstal semudah plugin biasa. Masing -masing ditulis dalam 100 ~ 300 baris. Anda juga dapat membuat komponen web yang dapat digunakan kembali dan mengintegrasikannya ke dalam Nyaovim.

• Nyaovim-Markdown-Preview

• Nyaovim-popup-Tooltip

• Nyaovim-Mini-Browser

Penggunaan

Memulai

Anda dapat menginstal Nyaovim sebagai paket NPM. Saat ini belum ada rilis kemasan yang tersedia. Jika Anda menggunakan Windows dan belum menginstal Neovim, silakan baca tips pertama terlebih dahulu.

$ npm install -g nyaovim

npm mungkin memerlukan sudo jika Anda menginstal node Pacakge melalui System Package Manager.

Jika Anda belum menginstal Neovim, silakan instal mengikuti instruksi Neovim karena Nyaovim secara internal menggunakan perintah nvim . Perhatikan bahwa nvim V0.1.6 atau lebih baru diperlukan.

Anda dapat memulai Nyaovim dengan perintah nyaovim jika Anda menginstal aplikasi ini dengan NPM.

$ nyaovim [files...]

Anda akan melihat editor Neovim GUI minimal (seperti GVIM). Ini adalah aplikasi elektron dan neovim ditarik di <canvas> . Anda dapat melihat devtools aplikasi ini dengan item menu 'alat pengembang'.

Pada awal pertama Nyaovim, ia menciptakan ~/.config/nyaovim/nyaovimrc.html untuk konfigurasi UI ( %AppData% bukan .config di windows). Ya, Anda dapat memperluas dan mengkonfigurasi komponen UI dengan HTML dan CSS!

Konfigurasikan opsi editor

Saya kira Anda sekarang berpikir 'hmm, font tidak bagus dan terlalu kecil ...'. Anda dapat mengonfigurasi beberapa opsi editor dengan properti dari properti <neovim-editor> . Misalnya, di bawah ini mengkonfigurasi font wajah dan ukuran font berdasarkan font dan properti font-size . Kemudian atur garis-tinggi ke 1,5 (misalnya, atom mengadopsi 1,5 sebagai garis-garis).

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

Dan Anda juga dapat mengonfigurasi opsi jendela browser dengan browser-config.json (misalnya status jendela pelestarian, aplikasi instance tunggal, dan sebagainya). Lihat tips untuk lebih detail.

Pasang plugin UI

Misalnya, mari kita instal Nyaovim-popup-Tooltip.

Seperti yang dijelaskan di bagian tujuan, plugin UI adalah plugin Neovim normal. Anda dapat menginstalnya seperti plugin Neovim lainnya. Jika Anda menggunakan VIM-PLUG, yang Anda butuhkan adalah menambahkan baris di bawah ini ke init.vim Anda.

Plug ' rhysd/nyaovim-popup-tooltip '

Maka Anda perlu meletakkan UI Tooltip Popup di antarmuka Nyaovim Anda. Harap buka ~/.config/nyaovim/nyaovimrc.html ( %AppData% bukan .config di windows). Seperti yang dijelaskan di bagian tujuan, pengguna dapat membangun UI dengan HTML dan CSS dengan kustomisasi tinggi.

Harap tambahkan tag <popup-tooltip> di bawah tag <neovim-editor> seperti di bawah ini

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

<popup-tooltip> adalah komponen polimer. editor="[[editor]]" adalah pengikatan data dalam kerangka kerja polimer untuk lulus instance editor ke <popup-tooltip> . Ini berarti aliran data searah dari orang tua ke anak.

Setelah menginstal Nyaovim-Popup-Tooltip sebagai plugin Neovim dan menambahkan UI ke HTML, Anda semua selesai! Buka Nyaovim, pindahkan kursor ke jalur gambar apa pun, dan masukkan gi . Nyaovim akan memuat gambar dan menampilkannya di tooltip popup seperti di bawah ini.

Dokumen

Ada lebih banyak dalam dokumentasi di direktori Docs.

• Cara Membuat Plugin UI
• Tips
• FAQ
• Runtime API
• Konfigurasi Browser

Versi

Nyaovim sekarang berada di bawah fase beta. Versi utama ditetapkan ke 0 hingga mendapat rilis yang stabil.

Memperbarui versi minor berarti berisi perubahan besar. Dan memperbarui versi patch berarti tidak mengandung perubahan, sehingga Anda dapat memperbarui versi dengan mudah.

Lisensi

Lisensi MIT.

Logo aplikasi ini dibuat berdasarkan logo NEOVIM yang dilisensikan di bawah CCA 3.0 yang tidak diportir.

Logo Neovim oleh Jason Long dilisensikan di bawah Lisensi Creative Commons Attribution 3.0 yang tidak diportir.