Cómo configurar el color de fondo en webstorm
Ctrl+alt+s para abrir la interfaz de configuración, editor>color y color. Fuente y fuente gt.
El esquema predeterminado es claro, pero quiero personalizar un entorno de fondo oscuro, así que selecciono Monokai en el cuadro desplegable de nombre del esquema a la derecha como base para la modificación, y luego haz clic en Guardar como y dale un nombre a mi nuevo plan, como se muestra a continuación:
Puedes configurar la fuente (normalmente elijo Consolas), el tamaño de fuente y el interlineado.
Personalizar resaltado de sintaxis
Usa ctrl+alt+s para abrir la interfaz de configuración, editor > color y color. Fuentes.
Los diferentes idiomas tienen sus propias reglas para el resaltado de sintaxis, pero algunas son universales. Primero configuramos General y luego configuramos el resaltado de sintaxis para diferentes idiomas según sea necesario.
Configuración general
Texto normal: Texto predeterminado
Texto contraído: Texto contraído
Cursor: cursor
Línea del cursor: Línea del cursor
Número de línea: Número de línea
TODO: TODO valor predeterminado
Resalte la variable debajo del cursor: resultados de búsqueda.
Resultados de búsqueda: resultados de búsqueda de texto
Corchetes coincidentes: Corchetes coincidentes
Corchetes no coincidentes: Corchetes no coincidentes
Símbolo no utilizado: Símbolo no utilizado
Espacio izquierdo (número de línea, punto de interrupción): Fondo del margen
Color de fondo del texto seleccionado: Seleccionar fondo
Primer plano del texto seleccionado: Seleccionar el primer plano
Configuración sensible al idioma
Por ejemplo, si desea cambiar el resaltado de sintaxis de Javascript, seleccione Javascript en la imagen de arriba y luego realice configuraciones detalladas. No repetiré las configuraciones específicas.
Mostrar número de línea + ajuste automático de línea
Si usas Vim para programar, el número de línea es un auxiliar muy necesario. WebStorm no muestra números de línea de forma predeterminada. No importa. Mostrar números de línea es muy fácil.
Siempre que haga clic con el botón derecho en el área del margen izquierdo del código, aparecerá un menú como se muestra a continuación: Marque Mostrar números de línea.
Además, marcar Usar ajuste de línea suave en la imagen de arriba habilitará la función de ajuste de línea automático de WebStorm, es decir, las líneas de código excesivamente largas no excederán la pantalla y no aparecerán barras de desplazamiento horizontales.
Cabe mencionar que los estándares Vim y jk se han movido a la línea anterior y a la siguiente. Si el código se ajusta, las dos líneas separadas son en realidad una línea lógica, aunque parezcan dos líneas. En este momento, usar jk es mover una línea lógica hacia arriba y hacia abajo. En este caso, si desea pasar de la "primera línea" a la "segunda línea" de la misma línea lógica, debe presionar gj, es decir, presionar G primero y luego presionar la dirección. Aunque Vim proporciona este método, a menudo se presiona incorrectamente.
La buena noticia es que WebStorm habilitado mediante envoltorios suaves no requiere esto. Simplemente presione J para pasar de la "Fila 1" a la "Fila 2" de la misma línea lógica.
Configuración de importación y exportación
Configuración de exportación de archivos y gt Exporta la configuración del usuario. Como se muestra a continuación, puede seleccionar el tipo de configuración para exportar y el directorio para exportar.
La configuración exportada existe en forma de paquete jar, y la importación también es muy simple. Importe la configuración, seleccione el paquete jar y, una vez que la importación sea exitosa, reinicie WebStorm y listo. .