NyaoVim
v0.2.0
Ceci est un frontend Neovim construit sur l'électron. L'éditeur Neovim est composé en tant que composant Web et les utilisateurs peuvent étendre l'interface utilisateur avec des composants Web réutilisables, HTML, CSS et JavaScript.
:help design-not dire:
Utilisez VIM comme composant d'un shell ou dans un IDE.
Nyaovim est construit dans le même esprit. Nyaovim contient l'éditeur Neovim en tant que composant Web et étend son UI avec la technologie Web, comme dans d'autres éditeurs et IDE modernes (par exemple Atom, VS Code, LightTable).
Mémo: «Nyao» est «Meow» en japonais et son prononcé ressemble à «Neo». C'est aussi un acronyme pour «pas encore un autre original».
Nyaovim se compose de composants Web sur l'électron comme le montre la figure suivante. Au début, il n'y a que <neovim-editor> et vous pouvez ajouter / supprimer des composants supplémentaires.
Les plugins d'interface utilisateur sont installables aussi facilement que les plugins ordinaires. Chacun d'eux est écrit dans 100 ~ 300 lignes. Vous pouvez également créer des composants Web réutilisables et les intégrer dans Nyaovim.
Vous pouvez installer Nyaovim en tant que package NPM. Actuellement, aucune version d'emballage n'est encore disponible. Si vous utilisez Windows et que vous n'avez pas encore installé Neovim, veuillez d'abord lire les premiers conseils.
$ npm install -g nyaovim npm peut nécessiter sudo si vous avez installé node Pacakge via System Package Manager.
Si vous n'avez pas encore installé Neovim, veuillez l'installer en suivant les instructions de Neovim car Nyaovim utilise en interne la commande nvim . Notez que nvim V0.1.6 ou version ultérieure est nécessaire.
Vous pouvez démarrer Nyaovim avec la commande nyaovim si vous installez cette application avec NPM.
$ nyaovim [files...] Vous verriez un éditeur minimal de Neovim GUI (comme GVIM). Il s'agit d'une application électronique et Neovim est dessinée sur <canvas> . Vous pouvez voir les Devtools de cette application avec l'élément de menu «Developer Tools».
Lors du premier démarrage de Nyaovim, il crée ~/.config/nyaovim/nyaovimrc.html pour la configuration de l'interface utilisateur ( %AppData% au lieu de .config sous Windows). Oui, vous pouvez étendre et configurer des composants d'interface utilisateur avec HTML et CSS!
Je suppose que vous pensez maintenant «Hmm, la police n'est pas bonne et trop petite ...». Vous pouvez configurer certaines options d'éditeur par propriétés des propriétés <neovim-editor> . Par exemple, ci-dessous configure la face de la police et la taille de la police par des propriétés font et font-size . Réglez ensuite la hauteur de ligne à 1,5 (par exemple, l'atome adopte 1,5 en hauteur de ligne).
< neovim-editor
id =" nyaovim-editor "
argv =" [[argv]] "
font-size =" 14 "
font =" Ricty,monospace "
line-height =" 1.5 "
> </ neovim-editor > Et vous pouvez également configurer les options de fenêtres du navigateur avec browser-config.json (par exemple, préserver l'état de la fenêtre, une application d'instance unique, etc.). Voir les conseils pour plus de détails.
Par exemple, installons nyaovim-popup-tooltip.
Comme décrit dans la section des objectifs, un plugin d'interface utilisateur est un plugin Neovim normal. Vous pouvez l'installer comme n'importe quel autre plugin Neovim. Si vous utilisez Vim-Plug, tout ce dont vous avez besoin est d'ajouter en dessous de la ligne à votre init.vim .
Plug ' rhysd/nyaovim-popup-tooltip ' Ensuite, vous devez mettre l'interface utilisateur d'info-bulle popup sur votre interface Nyaovim. Veuillez ouvrir ~/.config/nyaovim/nyaovimrc.html ( %AppData% au lieu de .config dans Windows). Comme décrit dans la section des objectifs, un utilisateur peut construire une interface utilisateur avec HTML et CSS avec une personnalisation élevée.
Veuillez ajouter la balise <popup-tooltip> sous <neovim-editor> TAG comme ci-dessous
< neovim-editor id =" nyaovim-editor " argv =" [[argv]] " > </ neovim-editor >
< popup-tooltip editor =" [[editor]] " > </ popup-tooltip > <popup-tooltip> est un composant polymère. editor="[[editor]]" est une liaison de données dans le framework Polymer pour transmettre l'instance de l'éditeur à <popup-tooltip> . Cela signifie le flux de données unidirectionnel du parent à l'enfant.
Après avoir installé Nyaovim-Popup-Tooltip en tant que plugin Neovim et ajouté une interface utilisateur à HTML, vous avez tous terminé! Ouvrez Nyaovim, déplacez le curseur vers n'importe quel chemin d'image et entrez gi . Nyaovim chargera l'image et le montrera dans une information contextuelle comme ci-dessous.
Il y a plus dans la documentation dans le répertoire DOCS.
Nyaovim est maintenant en phase bêta. La version majeure est fixée à 0 jusqu'à ce qu'elle obtienne une version stable.
La mise à jour de la version mineure signifie qu'il contient des modifications de rupture. Et la mise à jour de la version Patch signifie qu'elle ne contient aucun changement de rupture, vous pouvez donc mettre à jour la version facilement.
Licence MIT.
Le logo de cette application est créé sur la base du logo Neovim sous licence CCA 3.0 Unporté.
Le logo Neovim de Jason Long est sous licence Creative Commons Attribution 3.0 Unport.
