5 meilleurs plugins EMACS pour le développement Web
Comme le dit le proverbe, Emacs est un système d'exploitation dépourvu d'un éditeur décent. Vous pouvez configurer les choses pour qu'Emacs gère l'ensemble du flux de travail pour vous, y compris Git, la compilation et bien d'autres choses.
Quel projet Web visez-vous?
Cette liste est courte pour vous aider à démarrer, pas exhaustive. Après avoir utilisé les conseils ici, trouvez la section spéciale pour vos frameworks et outils Web spéciaux. La liste des outils est si longue que vous n'avez qu'à trouver votre propre préféré.
La liste est divisée en sections afin que vous puissiez trouver ce dont vous avez besoin pour vous améliorer dans votre flux de travail. Profitez de votre codage, gérez vos propres erreurs et trouvez des bugs beaucoup plus simples lorsque vous définissez ces outils correctement.
Dans cette liste, vous ne trouverez même aucun des grands outils Python disponibles pour EMACS. Ces outils incluent un REPT afin que vous puissiez tester le code de manière interactive. Vous avez même un mode ipython, où vous pouvez créer votre code avec des commentaires.
Extraits préparés
Une grande partie de la programmation implique d'utiliser des fonctions qui ont une structure spéciale. Un document Web a toujours un et une balise qui doit être fermée correctement. Vous aurez toujours des constructions où le code que vous souhaitez suit un format spécial pour utiliser un extrait. Dans Emacs, l'un des meilleurs plugins est Yasnippets!
Yasnippets
Avec Yasnippets, vous définissez le texte que vous devez avoir dans votre code. Vous pouvez également utiliser des variables et remplir le résultat sous forme de formulaire. Un plugin similaire disponible pour de nombreux éditeurs est le mode Emmmet.
Emmet
Emmet-mode est un outil où une abréviation crée le code entier. Le premier exemple de leur page Web montre comment vous utilisez un astérisque pour multiplier pour obtenir une liste. La syntaxe fonctionne similaire à CSS, mais elle est adaptée aux langues de balisage, y compris HTML. Pour étendre les fonctionnalités, vous utilisez des fichiers JSON. Dans ceux-ci, vous pouvez ajouter des extraits qui correspondent à vos besoins plus près que l'outil standard.
Chèque
Flycheck vérifiera votre code pour les erreurs de syntaxe pendant que vous tapez. Pour que cela fonctionne, vous avez besoin d'une bibliothèque ou d'une boîte à outils sous-jacente qui connaît réellement la langue. Il existe ces outils pour de nombreuses langues. Pour le développement Web, recherchez des outils comme HTML-Tidy, Jshint et Pylint. De nombreux autres outils et langues sont pris en charge. C'est un élément essentiel de rendre Emacs puissant pour le développement de logiciels.
Dans votre configuration EMACS, vous devez également ajouter la langue spécifique avec laquelle vous prenez. Les langues prises en charge sont évidentes lorsque vous vérifiez Melpa, ou tout autre site, pour Flycheck. En fait, c'est une bonne idée de vérifier ce que FlyCheck peut faire pour vous, quelle que soit la langue que vous développez. La gamme de langues est énorme!
Mode d'édition en direct
Il existe de nombreuses façons d'utiliser EMACS pour que vos pages Web soient superbes et fonctionnent correctement. Vous avez également de nombreuses façons de voir le résultat de votre code en direct dans un navigateur pendant que vous tapez. Cela vous donne des commentaires instantanés sur toutes les modifications que vous avez apportées, ce qui fait du débogage d'une partie intégrante du développement de votre logiciel. Une solution pour ce faire est avec le mode Skewer.
Mode broche
Skewer-Mode configure votre répertoire en tant que page Web mais localement sur votre système actuel. Il démarre alors un serveur Web et sert le code au navigateur Web de choix. Avec cette configuration, vous avez le navigateur qui vous affiche la page dans la fenêtre suivante. Le serveur Web est configuré pour recharger la page dès qu'un fichier est modifié. Aucune compilation, transfert et redémarrage du serveur Web nécessaire.
Javascrip
Lors de la programmation en JavaScript, vous avez de nombreux pièges à trébucher. Alors que FlyCheck vérifiera votre syntaxe, le mode JS2 fera la mise en évidence de la syntaxe tout en affichant les erreurs de syntaxe pendant que vous tapez. Ce mode est essentiel pour passer à travers de nombreux codes pour atteindre le résultat de votre rêve lors du codage en JavaScript.
Ce mode prend également en charge JSX et la fermeture.
Indium
Après avoir lu tout cela, vous serez heureux de savoir que vous pouvez également trouver des paquets qui emballent tout soigneusement. L'un des meilleurs d'entre eux est l'indium. L'indium est en fait divisé en deux pièces. One Piece est votre package EMACS disponible sur Melpa; L'autre est un package NPM. Le package NPM est facile à installer à l'aide de «NPM Install Indium."Une fois ces deux-là installés, vous devez créer des paramètres dans votre répertoire de projet, nommé".indium.JSON '. Les exigences sont modestes dans les nodejs, mais ils sont rigoureux. Il se rend également compte sur Chromium pour fonctionner car tous les outils de débogage viennent de là.
Conclusion
Pour commencer avec le développement Web, vous pensez peut-être que vous avez besoin d'un IDE fantaisie. Où pouvez-vous obtenir toutes les cloches et les sifflets? Dans Emacs, c'est où vous pouvez les trouver. L'utilisation de ces outils et plus vous mènera très loin, et vous n'avez probablement besoin d'aucun autre outil pour fabriquer d'excellentes pages Web! Cependant, si vous n'êtes pas d'accord avec certains de ces outils, il existe de nombreux outils impressionnants disponibles pour Emacs si vous regardez autour de vous. Un bon point de départ est disponible sur github et est en effet nommé `` Awesome Emacs.'