5 plugins VIM pour le développement Web
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 un arbre sur le côté de l'éditeur. Ajouter Nerdtree!
Nerdtree est publié sur GitHub; La plupart des gestionnaires de plugins prennent la valeur «PreservIm / Nerdtree». L'extension place une liste d'arborescence de vos fichiers où vous vous attendez. Vous avez de nombreuses options pour peaufiner son comportement, y compris la définition des flèches sur tout ce que vous voulez. En regardant Github, vous avez également de nombreuses fourchettes qui peuvent répondre à vos besoins.
Dans l'écriture de logiciels, vous devrez rechercher des fichiers et du texte dans d'autres fichiers. Sans fonctionnalités à l'intérieur de 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 juste là 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 plugin VIM ou utilisez votre gestionnaire de plugin 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.
Soit g: python_hostprog = '/ usr / bin / python' laissez g: python3_hostprog = '/ usr / bin / python3' '
Installez le programme Ripgrep et mettez à niveau votre Pynvim vers la version correcte. Ils sont dans le référentiel régulier et dans le Python, respectivement.
Achèvement du code
De nombreux utilisateurs qui passent de VScode se demandent comment faire des choses comme le code de code. Ne vous inquiétez pas, les gens travaillent pour vous aider et pour résoudre leurs propres problèmes. Néoclide sur Github a de nombreuses extensions VIM pour tous vos besoins. Le «conquérant de l'achèvement», CoC à partir de maintenant, comprend l'achèvement du 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 bugs. L'extension plus jolie rend votre code mieux formaté. La liste des langues que vous pouvez utiliser est longue. Vous devriez le regarder après avoir commencé à utiliser COC; Le passage à d'autres peut en valoir la peine, mais non sans de très bonnes raisons.
Pour le rendre encore plus rapide dans le code, 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'initial.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, le codage de la vitesse reprend exponentiellement. Pour installer, ajouter 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, 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. Puisque vous avez entendu parler de CoC, vous devez savoir qu'il y a une extension pour ce cadre, mais ils admettent qu'il est court sur les fonctionnalités. Donc le plus populaire est vim-fugitif. Installez-le en utilisant votre gestionnaire de plugin 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 exécuter la différence dans VIM, et il a également de nombreux plugins pour les fournisseurs célèbres. Vous avez également une option 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 de 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 meilleure, et vous pouvez modifier plus à votre leaisure.
https: // github.com / vim-aairline / vim-airline
Une façon de faire mieux paraître votre barre d'état et la plupart des autres parties de l'interface est d'ajouter de belles icônes à l'installation. Le «Ryanoasis / Vim-Dev-Icons» est un excellent choix pour ces icônes. Installer la voie régulière; Il joue bien avec Vim-Airline et de nombreuses autres extensions.
https: // github.com / ryanoasis / vim-devicons
Vous devez également considérer comment vous pouvez voir votre page Web en direct pendant que vous codiez en dehors de VIM. Pour nœud.JS, il y a une solution prête pour cela. Il s'appelle le navigateur-synch. 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écutera, elle commencera votre navigateur sur l'adresse «localhost: 3000». Toutes les modifications s'afficheront immédiatement lorsque vous mettez à niveau le code.
Conclusion
Pour commencer la programmation pour le Web, vous devez d'abord faire l'effort pour suivre quelques tutoriels, puis créer vos propres projets. Trouvez des gens que vous pouvez aider afin qu'ils 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.