5 complementos VIM para desarrollo web

Desarrollar para la web depende de mucho código; Cuando no haya usado VIM antes, sentirá que debe escribir cada personaje de la página web. Puede venir de otros editores y preguntarte dónde están todas las funciones de finalización del código y otras cosas útiles? Echando una mirada superficial a Vim, la conclusión es irse y nunca volver a tocarlo. Si sigue algunas guías simples e instala los complementos apropiados, cambiará de opinión. Para ser eficiente al programar, necesita algunas características. A saber, enlaces de documentación, finalización de código y resaltado de sintaxis. Esto no te hará un programador maestro, pero hará que tu experiencia sea mucho mejor.

Manejo de archivos

Hay muchas herramientas para manejar mejor los archivos; Realmente deberías usar un flujo de trabajo estilo proyecto. Dicho esto, una mejora es poder ver sus archivos en un árbol al lado del editor. Agregar nerdtree!

Nerdtree se publica en GitHub; La mayoría de los gerentes de complementos toman el valor "preservim/nerdtree". La extensión coloca una lista de árboles de sus archivos donde lo esperaría. Tiene muchas opciones para ajustar su comportamiento, incluida la configuración de las flechas en lo que desee. Mirando GitHub, también tienes muchas tenedores que pueden satisfacer mejor tus necesidades.

Al escribir software, deberá buscar archivos y texto en otros archivos. Sin características dentro de Vim, se vería obligado a hacerlo en la línea de comando en otra terminal. Denite se integra con RipGrep y le permite buscar allí mismo en Vim. Requiere python y pynvim y es muy rápido y eficiente.

Para instalar Denite, debe instalar 'Shougo/Denite.NVIM ', en su directorio de complementos VIM o use su administrador de complementos favorito. También debe configurar la python que usa con los parámetros del programa host. Use 'CheckHealth' en VIM para verificar y para obtener más información.

Sea G: python_hostprog = '/usr/bin/python' Let G: python3_hostprog = '/usr/bin/python3'

Instale el programa RipGrep y actualice su Pynvim a la versión correcta. Están en el repositorio regular y en la pitón, respectivamente.

Finalización del código

Muchos usuarios que se mueven de VScode se preguntan cómo hacer cosas como el complejo de código. No se preocupe, la gente está trabajando para ayudarlo y resolver sus propios problemas. Neoclide on Github tiene muchas extensiones VIM para todas sus necesidades. La "conquista de finalización", COC de ahora en adelante, incluye la finalización del código que se asemeja a VScode.

COC también tiene muchos subgotins que usan el complemento principal. Algunos son útiles para idiomas específicos. Puede usar Eslint para mantener su código correcto y encontrar errores. La extensión más bonita hace que su código sea mejor formateado. La lista de idiomas que puede usar es larga. Debes mirarlo después de haber comenzado a usar COC; Cambiar a los demás puede valer la pena, pero no sin muy buenas razones.

Para que sea aún más rápido en el código, puede usar abreviaturas para crear su código. Esto es lo que haces con Emmet; El sistema existe para muchos editores e ides. En VIM, solo agregas tu complemento usando el init.archivo vim o vimrc. Para ser realmente eficiente, deberá aprender las abreviaturas que corresponden al código que desea. Una vez que los conozcas, la velocidad de codificación recoge exponencialmente. Para instalar, agregue https: // github.com/Mattn/Emmet-VIM a su configuración de complemento.

Git

Si se toma en serio la programación, debe tener un sistema de control de versiones. Si no usa Git, entonces tiene un proyecto muy raro en sus manos. Ejecute Git en la línea de comando fuera de su editor hasta que encuentre una gran extensión que lo ejecute para usted. Como se enteró de COC, debe saber que hay una extensión para ese marco, pero se admiten a sí mismos que tiene poco. Entonces, el más popular es vim-fugitivo. Instálelo con su Administrador de complementos favorito. Una vez que lo tenga instalado, puede ejecutar git como si estuviera en la línea de comando. También agrega muchas características que actúan en su repositorio y su búfer. Puede usarlo para ejecutar la diferencia en VIM, y también tiene muchos complementos para proveedores famosos. También tiene una opción de línea de estado que puede agregar a su línea de estado. Verá un ejemplo de esto más abajo.

Otros extraños que te pueden gustar.

Una vez que tenga todas las funciones en su editor, es posible que desee darle vida a su experiencia. Es posible que desee tener una buena línea de estado en la parte inferior de la pantalla. Use vim-airline para eso, hay muchos otros, pero este se ve ligero y aireado. Para instalar, agregue 'vim-airline/vim-airline' a su configuración. Su barra de tareas se verá mejor instantáneamente, y puede ajustar más a su Leaisure.

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

Una forma de hacer que su barra de estado se vea mejor y la mayoría de las otras partes de la interfaz es agregar buenos iconos a la instalación. El 'ryanoasis/vim-dev-icons' es una gran opción para estos íconos. Instalar la forma regular; Juega bien con vim-airline y muchas otras extensiones.

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

También debe considerar cómo puede ver su página web en vivo mientras está codificando fuera de Vim. Para nodo.JS, hay una solución lista para esto. Se llama sync de navegador. Lo instala con NPM y lo ejecuta con el comando y el directorio donde está su proyecto. Tan pronto como se ejecute el comando, iniciará su navegador en la dirección 'localhost: 3000'. Cualquier cambio se mostrará inmediatamente a medida que actualice el código.

Conclusión

Para comenzar a programar para la web, primero debe esforzarse por seguir algunos tutoriales y luego crear sus propios proyectos. Encuentre personas a las que pueda ayudar para que puedan ayudarlo al final. Para que su experiencia de codificación sea eficiente y agradable, use las extensiones de las que escuchó aquí. También debe seguir buscando formas de mejorarse primero y luego sus herramientas.