Colección de citas famosas - Diccionario de frases chinas - ¿Existe un complemento de autocompletado html5 css3 en vim?

¿Existe un complemento de autocompletado html5 css3 en vim?

Como desarrollador, deberías haber oído hablar del dios de la edición Vim y del dios de la edición Emacs. Los niños interesados ​​pueden encontrar información detallada sobre la batalla del editor en Google.

La característica más importante de Vim es su rápida velocidad de apertura y sus potentes funciones. Una vez que domines los comandos, no necesitarás quitar las manos del teclado durante la programación.

Otro beneficio de acostumbrarse a Vim es que puede utilizarlo fácilmente para procesar archivos en Linux. Por supuesto, emacs también puede ser el editor predeterminado, pero no todas las máquinas tienen Emacs instalado.

Hoy presentaré principalmente algunos complementos de Vim de uso común en el campo front-end:

1.mark.vim

La función principal de mark.vim es para resaltar variables.

Selecciona la palabra que deseas resaltar y utiliza \m para resaltarla. El resaltado de varias palabras aparecerá en diferentes colores, lo cual es bastante efectivo cuando no es necesario buscarlo y ver el código.

Utilice \n para eliminar el resaltado de una palabra seleccionada.

Puedes encontrar más detalles en la página de inicio del complemento.

Ps: Para encontrar una palabra determinada, puedes usar el comando * para una búsqueda rápida.

2.zencoding.vim

zencoding.vim? Posteriormente pasó a llamarse Emmet.vim. Su función principal es lograr una escritura rápida de código.

Puedes encontrar tutoriales detallados en el sitio web oficial.

Mi sensación personal es que lo uso más cuando reconstruyo páginas. La estructura html se puede generar rápidamente mediante comandos, lo que mejora la productividad del desarrollo front-end.

3.ctrlp.vim

La función principal de ctrlp.vim es realizar consultas difusas en archivos y almacenar y abrir archivos rápidamente.

El ejemplo de operación se muestra a continuación:

Cuando sepa el nombre del archivo, use Ctrl+p para abrir este complemento e ingrese el nombre del archivo. De hecho, las primeras letras del nombre del archivo pueden abrirlo rápidamente.

Ps: si el archivo actual se ha guardado, será reemplazado directamente por el archivo buscado. Si no se guarda, la ventana se separará, similar al comando sp.

Entonces, en el caso de comparar archivos, normalmente uso vsp para dividir la ventana o pestaña, crear una nueva pestaña y luego abrir un nuevo archivo.

Si necesita encontrar otro directorio u olvida el nombre del archivo, puede utilizar el siguiente complemento NERD_tree.

4.NERD_tree.vim

La función principal de NERD_tree.vim es un explorador de archivos, que puede ver la estructura del directorio de archivos y abrir los archivos correspondientes.

La demostración específica se muestra en la siguiente figura:

Personas que carecen de habilidades sociales

Utilizo la tecla de acceso directo enlazada F4 para abrir el explorador de archivos. En el explorador de archivos, puede mover el cursor a través de jk, ingresar el archivo para abrirlo y presionar Q para salir del explorador de archivos.

5.neocomplcache.vim

La función principal de neocomplcache.vim es completar el código.

La ventaja es indexar el contexto y almacenar los resultados en el. cache, por lo que el autocompletado es más eficiente y la coincidencia es más precisa.

El efecto completado se muestra en la siguiente figura:

Hay muchos complementos de finalización de código en Vim. Generalmente, la inteligencia de finalización depende del diccionario y del mecanismo de almacenamiento en caché de variables. el complemento.

Desde esta perspectiva, neocomplcache también es bastante bueno, y las funciones de lectura inteligente y ruta de lectura también son bastante buenas.

6. Cursores múltiples

La función principal de multiple_cursors.vim es la edición de múltiples cursores y múltiples líneas.

El efecto principal se puede ver en la siguiente imagen:

Antes de este complemento, los comandos nativos generalmente operaban en bloques y líneas múltiples en modo visual. Los pasos son largos y propensos a errores.

Este complemento es realmente una herramienta poderosa y también admite operaciones regulares.

7. Comentar

La función principal de commentary.vim es comentar por lotes una o varias líneas y eliminar comentarios;

vincula la tecla de retroceso y selecciona varias. líneas Puede comentar el código directamente en forma de /* */

Finalmente, el desarrollo front-end a menudo utiliza varios complementos con muchas funciones. Algunos comandos nativos aún se pueden ejecutar.

Otro beneficio de usar Vim es que puedes usar el mismo editor desde escribir C hasta escribir PHP y escribir JS, lo cual es bastante conveniente.

Las teclas de acceso directo se pueden configurar en vimrc.