5 mejores complementos de emacs para el desarrollo web

Como estás aquí, ya estás usando emacs para edición de texto, posiblemente para correo electrónico, y ciertamente para tareas de codificación. Cuando comienza a hacer un desarrollo web serio, desea tantas ventajas como sea posible. Aquí hay algunas herramientas que harán que su experiencia codifique la web utilizando emacs.

Como dice el refrán, Emacs es un sistema operativo que carece de un editor decente. Puedes configurar las cosas para que Emacs ejecute todo el flujo de trabajo para ti, incluyendo GIT, compilación y muchas más cosas.

¿A qué proyecto web estás apuntando??

Esta lista es corta para comenzar, no exhaustiva. Después de haber utilizado los consejos aquí, busque la sección especial para sus marcos y herramientas web especiales. La lista de herramientas es tan larga que solo tienes que encontrar tu propio favorito.

La lista se divide en secciones para que pueda encontrar lo que necesita mejorar en su flujo de trabajo. Disfrute de su codificación, maneje sus propios errores y encuentre los errores mucho más simples al configurar estas herramientas correctamente.

En esta lista, ni siquiera encontrará ninguna de las grandes herramientas de Python disponibles para emacs. Esas herramientas incluyen una replica para que pueda probar el código de manera interactiva. Incluso tiene un modo ipython, donde puede construir su código con comentarios.

Fragmentos preparados

Gran parte de la programación implica el uso de funciones que tienen una estructura especial. Un documento web siempre tiene una etiqueta que debe cerrarse correctamente. Siempre tendrá construcciones donde el código que desea sigue un formato especial para usar un fragmento. En emacs, uno de los mejores complementos es yasnippets!

Yasnippets

Con Yasnippets, define qué texto necesita tener en su código. También puede usar variables y completar el resultado como formulario. Un complemento similar que está disponible para muchos editores es Emmmet-Mode.

Hormiga

Emmet-Mode es una herramienta donde una abreviatura crea todo el código. El primer ejemplo en su página web muestra cómo usa un asterisco para multiplicar para obtener una lista. La sintaxis funciona de manera similar a CSS, pero está adaptada a los lenguajes de marcado, incluido HTML. Para extender la funcionalidad, usa archivos JSON. En estos, puede agregar fragmentos que coincidan con sus necesidades más cerca que la herramienta estándar.

Chicha

FlyCheck verificará su código en busca de errores de sintaxis mientras escribe. Para que esto funcione, necesita una biblioteca subyacente o un kit de herramientas que realmente conozca el idioma. Hay estas herramientas para muchos idiomas. Para el desarrollo web, busque herramientas como HTML-Tidy, Jshint y Pylint. Se admiten muchas otras herramientas e idiomas. Esta es una parte esencial de hacer que Emacs sean potentes para el desarrollo de software.

En su configuración de emacs, también debe agregar el idioma específico que apoya. Los idiomas admitidos son obvios cuando revisa MelPA, o cualquier otro sitio, para FlyCheck. De hecho, es una buena idea verificar qué puede hacer FlyCheck por usted, independientemente del idioma que esté desarrollando. La variedad de idiomas es enorme!

Modo de edición en vivo

Hay muchas maneras en que puede usar emacs para que sus páginas web se vean bien y funcionen correctamente. También tiene muchas formas de ver el resultado de su código en vivo en un navegador mientras escribe. Esto le brinda comentarios instantáneos sobre cualquier cambio que haya realizado, lo que hace que la depuración sea una parte integral del desarrollo de su software. Una solución para hacerlo es con el modo de brocheta.

Brocheta

Modo de brocheta Establece su directorio como página web pero localmente en su sistema actual. Luego inicia un servidor web y sirve el código al navegador web de elección. Con esta configuración, tienes el navegador que te muestra la página en la siguiente ventana. El servidor web está configurado para recargar la página tan pronto como se cambia un archivo. Sin compilar, transferir y reiniciar el servidor web necesario.

Javascript

Al programar en JavaScript, tiene muchas dificultades para tropezar. Mientras que FlyCheck verificará su sintaxis, JS2-Mode hará resaltar la sintaxis y le mostrará los errores de sintaxis mientras escribe. Este modo es esencial para superar muchos códigos para alcanzar el resultado de su sueño al codificar en JavaScript.

Este modo también admite JSX y cierre.

Indio

Después de leer todo esto, le complacerá saber que también puede encontrar paquetes que empacen todo bien. Uno de los mejores es indium. El indio en realidad se divide en dos piezas. One Piece es tu paquete Emacs disponible en Melpa; el otro es un paquete NPM. El paquete NPM es fácil de instalar usando 'NPM Install Indium.'Después de instalar estos dos, debe crear configuraciones en su directorio de proyecto, nombrado'.indio.json '. Los requisitos son modestos en NodeJs, pero son estrictos. También se da cuenta de que en el cromo funciona ya que todas las herramientas de depuración provienen de allí.

Conclusión

Para comenzar con el desarrollo web, puede pensar que necesita un IDE elegante. ¿Dónde más puedes conseguir todas las campanas y silbatos?? En emacs, es donde puedes encontrarlos. El uso de estas herramientas y más lo llevará muy lejos, y probablemente no necesite otra herramienta para hacer excelentes páginas web! Sin embargo, si no está de acuerdo con algunas de estas herramientas, hay muchas herramientas increíbles disponibles para emacs si mira a su alrededor. Un buen punto de partida está disponible en Github y de hecho se llama 'Emacs impresionantes.'