Personalizar configuración del administrador de diseño

Personaliza tu experiencia de desarrollador con la configuración del administrador de diseño. Los valores de configuración incluyen el comportamiento de startups con administrador de diseño predeterminado, configuración de códigos para archivos codificados personalizados y linting de JavaScript.

Para acceder a estas configuraciones:

• En tu cuenta de HubSpot, dirígete a Marketing > Archivos y plantillas > Herramientas de diseño.
• En la parte inferior derecha, haz clic en Configuración y luego selecciona Configuración abierta.

• Haz clic en el menú desplegable Configuración para seleccionar el tipo de configuración que deseas ajustar.
  
  

Configuración general

• Abrir buscador al iniciar: cuando se activa, el buscador de la izquierda estará abierto cuando se acceda por primera vez al Administrador de diseño.
• Actualizar generador de vista preliminar al cambiar archivos: cuando esté activado, el generador de vista preliminar del administrador de diseño mostrará el archivo seleccionado actualmente. Activa esta configuración si deseas obtener una vista preliminar de un archivo a la vez.

Configuración de código

Apariencia

• Tema: el esquema de colores utilizado por editores de códigos.
• Fuente: la fuente principal y el tamaño de fuente utilizado por el editor de códigos.

Fuente

• Tamaño de la pestaña: el ancho de un carácter de tabulación al presionar la tecla de tabulación en el editor de códigos.
• Unidad de sangría: el número de espacios que debe tener la sangría de un bloque de códigos con sangría inteligente.
• Pestañas suaves: cuando se activa, la tecla de tabulación inserta caracteres de espacio igual al tamaño de la pestaña en lugar de un carácter de tabulación.
• Sangría inteligente: cuando se activa, las nuevas líneas siguen la sangría establecida desde la línea anterior.
• Sangría al dar formato a los datos: cuando se activa, sangría la misma línea de los datos dependientes del contexto. Por ejemplo, una declarción de caso x: o un } de cierre tendrá la sangría correcta cuando se inserte.
• Sangría con tabulaciones: cuando se activa, la sangría automática causada por la sangría inteligente o el formato de la entrada usa tabulaciones.
• Ajuste de línea: cuando se activa, las líneas se ajustarán en lugar de requerir desplazamiento horizontal.
• Cerrar corchetes automáticamente: cuando se activa, el editor de código cierra automáticamente caracteres de corchetes y comillas, tales como:
  
  ([] {} ’””
• Etiqueta de cierre automática: cuando está activada, el editor de código cierra automáticamente las etiquetas XML.
• Igualar corchetes: cuando está activado, colocar el cursor junto a un carácter de corchete resalta el corchete de apertura o cierre correspondiente.
• Igualar etiquetas: cuando está activado, colocar el cursor junto a una etiqueta resalta la etiqueta de apertura o cierre correspondiente.
• Continuar comentarios de bloque: cuando se activa, el editor de código continúa automáticamente los comentarios de bloque al crear nuevas líneas.

Configuración de linting de JavaScript

• Haz clic para activar o desactivar el interruptor  Activar ESLint. Cuando está activado, ESLint se ejecutará en JavaScript al ver resultados en archivos codificados.
  
  
• En el panel izquierdo, establece tu configuración de SELint. Más información sobre cómo configurar ESLint.
• En el panel derecho, una demostración de JavaScript refleja los cambios que haces en la izquierda.
• Haz clic en Restaurar valores predeterminados de eslintrc para restaurar la configuración predeterminada.