empuje

5 complementos vim para desarrollo web

5 complementos vim para desarrollo web
El desarrollo para la web depende de una gran cantidad de código; cuando no haya usado vim antes, sentirá que tiene que escribir todos los caracteres de la página web. Puede provenir de otros editores y preguntarse dónde están todas las funciones de finalización de código y otras cosas útiles? Echando un vistazo superficial a vim, la conclusión es irse y no volver a tocarlo nunca más. 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 lo convertirá en un programador maestro, pero hará que su experiencia sea mucho mejor.

Manejo de archivos

Hay muchas herramientas para manejar mejor los archivos; realmente deberías usar un flujo de trabajo de estilo de 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 administradores de complementos toman el valor "preservim / nerdtree". La extensión coloca una lista de árbol de sus archivos donde lo esperaría. Tiene muchas opciones para modificar su comportamiento, incluida la configuración de las flechas en lo que desee. En cuanto a GitHub, también tiene muchas bifurcaciones que pueden adaptarse mejor a sus necesidades.

Al escribir software, deberá buscar archivos y texto en otros archivos. Sin funciones dentro de Vim, se vería obligado a hacer eso 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, necesita instalar 'Shougo / denite.nvim ', en su directorio de complementos de vim o use su administrador de complementos favorito. También necesita configurar el Python que usa con los parámetros del programa host. Utilice 'checkhealth' en vim para verificar y para obtener más información.

deje g: python_hostprog = '/ usr / bin / python' deje 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 Python, respectivamente.

Finalización de código

Muchos usuarios que pasan de VSCode se preguntan cómo hacer cosas como completar el código. No se preocupe, la gente está trabajando para ayudarlo y resolver sus propios problemas. Neoclide en GitHub tiene muchas extensiones vim para todas sus necesidades. La "conquista de la finalización", coc de ahora en adelante, incluye la finalización de código que se asemeja a VSCode.

COC también tiene muchos complementos secundarios 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 esté mejor formateado. La lista de idiomas que puede utilizar es larga. Debe revisarlo después de haber comenzado a usar AOC; cambiar a otros puede valer la pena, pero no sin muy buenas razones.

Para que sea aún más rápido codificar, puede usar abreviaturas para crear su código. Esto es lo que haces con Emmet; el sistema existe para muchos editores e IDE. En Vim, simplemente agregue su 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 conozca, la velocidad de codificación aumenta exponencialmente. Para instalar, agregue https: // github.com / mattn / emmet-vim a la configuración de su 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. Ejecuta Git en la línea de comandos fuera de su editor hasta que encuentre una gran extensión que lo ejecute por usted. Como escuchó sobre Coc, debe saber que hay una extensión para ese marco, pero ellos mismos admiten que tiene pocas funciones. Entonces el más popular es vim-fugitive. Instálalo usando tu 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 tanto en su repositorio como en 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ás 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 bonita línea de estado en la parte inferior de la pantalla. Use vim-airlines para eso, hay muchos otros, pero este parece ligero y aireado. Para instalar, agregue 'vim-Airline / Vim-Airline' a su configuración. Su barra de tareas se verá mejor al instante y podrá modificar más su ocio.

https: // github.com / vim-aerolínea / vim-aerolínea

Una forma de hacer que la barra de estado se vea mejor y la mayoría de las otras partes de la interfaz es agregar iconos agradables a la instalación. El 'ryanoasis / vim-dev-icons' es una excelente opción para estos íconos. Instale de la forma habitual; Funciona bien con vim-airlines 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 sincronización del navegador. Lo instalas con npm y lo ejecutas con el comando y el directorio donde está tu 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. Encuentra personas a las que puedas ayudar para que te ayuden al final. Para que su experiencia de codificación sea eficiente y agradable, utilice las extensiones de las que ha oído hablar aquí. También debes seguir buscando formas de mejorarte a ti mismo primero y luego a tus herramientas.

El botón central del mouse no funciona en Windows 10
La botón central del ratón le ayuda a desplazarse por páginas web largas y pantallas con una gran cantidad de datos. Si eso se detiene, bueno, termina...
Cómo cambiar los botones izquierdo y derecho del mouse en una PC con Windows 10
Es una norma que todos los dispositivos de mouse de computadora estén diseñados ergonómicamente para usuarios diestros. Pero hay dispositivos de mouse...
Emule los clics del mouse colocando el mouse con Clickless Mouse en Windows 10
El uso excesivo de un mouse o teclado en una postura incorrecta puede provocar muchos problemas de salud, como tensión, síndrome del túnel carpiano y ...