vigueur

5 plugins vim pour le développement web

5 plugins vim pour le développement web
Le développement pour le Web dépend de beaucoup de code ; lorsque vous n'avez jamais utilisé vim auparavant, vous aurez l'impression de devoir taper chaque caractère de la page Web. Vous venez peut-être d'autres éditeurs et vous vous demandez où sont toutes les fonctionnalités de complétion de code et d'autres éléments utiles? En jetant un coup d'œil rapide à vim, la conclusion est de partir et de ne plus jamais le toucher. Si vous suivez quelques guides simples et installez les plugins appropriés, vous changerez d'avis. Pour être efficace lors de la programmation, vous avez besoin de quelques fonctionnalités. À savoir, les liens de documentation, la complétion de code et la mise en évidence de la syntaxe. Cela ne fera pas de vous un maître programmeur, mais cela rendra votre expérience bien meilleure.

La gestion des fichiers

Il existe de nombreux outils pour mieux gérer les fichiers ; vous devriez vraiment utiliser un flux de travail de style projet. Cela dit, une amélioration est de pouvoir voir vos fichiers dans une arborescence à côté de l'éditeur. Ajouter un arbre NERD!

Nerdtree est publié sur GitHub ; la plupart des gestionnaires de plugins prennent la valeur « preservim/nerdtree ». L'extension place une arborescence de vos fichiers là où vous vous y attendez. Vous disposez de nombreuses options pour modifier son comportement, notamment en définissant les flèches sur ce que vous voulez. En regardant GitHub, vous avez également de nombreuses fourches qui peuvent mieux répondre à vos besoins.

En écrivant un logiciel, vous devrez rechercher des fichiers et du texte dans d'autres fichiers. Sans fonctionnalités dans Vim, vous seriez obligé de le faire sur la ligne de commande dans un autre terminal. Denite s'intègre à ripgrep et vous permet de rechercher directement dans Vim. Il nécessite Python et pynvim et est très rapide et efficace.

Pour installer Denite, vous devez installer 'Shougo/denite.nvim', dans votre répertoire de plugins vim ou utilisez votre gestionnaire de plugins préféré. Vous devez également définir le Python que vous utilisez avec les paramètres du programme hôte. Utilisez 'checkhealth' dans vim pour vérifier et pour plus d'informations.

laissez g:python_hostprog = '/usr/bin/python' laissez g:python3_hostprog = '/usr/bin/python3'

Installez le programme ripgrep et mettez à niveau votre pynvim vers la bonne version. Ils sont dans le repo régulier et dans le python, respectivement.

Achèvement du code

De nombreux utilisateurs qui quittent VSCode se demandent comment faire des choses comme la complétion de code. Ne vous inquiétez pas, les gens travaillent pour vous aider et résoudre leurs propres problèmes. Neoclide sur GitHub propose de nombreuses extensions vim pour tous vos besoins. La « Conquête de l'achèvement », coc désormais, comprend la complétion de code qui ressemble à VSCode.

COC a également de nombreux sous-plugins qui utilisent tous le plugin principal. Certains sont utiles pour des langues spécifiques. Vous pouvez utiliser eslint pour garder votre code correct et trouver des bogues. La plus jolie extension rend votre code mieux formaté. La liste des langues que vous pouvez utiliser est longue. Vous devriez le parcourir après avoir commencé à utiliser COC ; passer à d'autres peut valoir le coup, mais pas sans de très bonnes raisons.

Pour le rendre encore plus rapide à coder, vous pouvez utiliser des abréviations pour créer votre code. C'est ce que vous faites avec Emmet ; le système existe pour de nombreux éditeurs et IDE. Dans Vim, vous ajoutez simplement votre plugin en utilisant l'init.fichier vim ou vimrc. Pour être vraiment efficace, vous devrez apprendre les abréviations qui correspondent au code que vous souhaitez. Une fois que vous les connaissez, la vitesse de codage augmente de façon exponentielle. Pour installer, ajoutez https://github.com/mattn/emmet-vim à votre configuration de plugin.

Git

Si vous êtes sérieux au sujet de la programmation, vous devez avoir un système de contrôle de version. Si vous n'utilisez pas git, alors vous avez un projet très rare entre vos mains. Vous exécutez Git sur la ligne de commande en dehors de votre éditeur jusqu'à ce que vous trouviez une excellente extension qui l'exécute pour vous. Depuis que vous avez entendu parler de Coc, vous devez savoir qu'il existe une extension pour ce framework, mais ils admettent eux-mêmes qu'il manque de fonctionnalités. Donc le plus populaire est vim-fugitif. Installez-le en utilisant votre gestionnaire de plugins préféré. Une fois que vous l'avez installé, vous pouvez exécuter git comme si vous étiez sur la ligne de commande. Il ajoute également de nombreuses fonctionnalités qui agissent à la fois sur votre référentiel et votre tampon. Vous pouvez l'utiliser pour faire la différence dans vim, et il a également de nombreux plugins pour des fournisseurs célèbres. Vous avez également une option de ligne d'état que vous pouvez ajouter à votre ligne d'état. Vous en verrez un exemple plus bas.

D'autres étranges que vous pourriez aimer.

Une fois que vous avez toutes les fonctions dans votre éditeur, vous voudrez peut-être pimenter votre expérience. Vous voudrez peut-être avoir une belle ligne d'état en bas de l'écran. Utilisez vim-airline pour cela, il y en a beaucoup d'autres, mais celui-ci a l'air léger et aéré. Pour installer, ajoutez 'vim-airline/vim-airline' à votre configuration. Votre barre des tâches sera instantanément plus belle et vous pourrez en modifier davantage à votre guise.

https://github.fr/vim-airline/vim-airline

Une façon d'améliorer l'apparence de votre barre d'état et de la plupart des autres parties de l'interface consiste à ajouter de belles icônes à l'installation. Le 'ryanoasis/vim-dev-icons' est un excellent choix pour ces icônes. Installez la manière régulière; il fonctionne bien avec vim-airline et de nombreuses autres extensions.

https://github.com/ryanoasis/vim-devicons

Vous devriez également considérer comment vous pouvez voir votre page Web en direct pendant que vous codez en dehors de vim. Pour nœud.js, il existe une solution toute prête pour cela. C'est ce qu'on appelle la synchronisation du navigateur. Vous l'installez avec npm et l'exécutez avec la commande et le répertoire où se trouve votre projet. Dès que la commande s'exécute, elle démarrera votre navigateur sur l'adresse 'localhost:3000'. Toute modification s'affichera immédiatement lorsque vous mettez à niveau le code.

Conclusion

Pour commencer à programmer pour le web, vous devez d'abord faire l'effort de suivre quelques tutoriels puis de créer vos propres projets. Trouvez des personnes que vous pouvez aider afin qu'elles puissent vous aider à la fin. Pour que votre expérience de codage soit efficace et agréable, utilisez les extensions dont vous avez entendu parler ici. Vous devriez également continuer à chercher des moyens de vous améliorer d'abord, puis vos outils.

OpenTTD contre Simutrans
Créer votre propre simulation de transport peut être amusant, relaxant et extrêmement attrayant. C'est pourquoi vous devez vous assurer que vous essay...
Tutoriel OpenTTD
OpenTTD est l'un des jeux de simulation d'entreprise les plus populaires. Dans ce jeu, vous devez créer une merveilleuse entreprise de transport. Cepe...
SuperTuxKart pour Linux
SuperTuxKart est un excellent titre conçu pour vous apporter l'expérience Mario Kart gratuitement sur votre système Linux. C'est assez stimulant et am...