Personalizzare le impostazioni del design manager

Personalizzate la vostra esperienza di sviluppatori con le impostazioni del design manager. Le impostazioni comprendono il comportamento predefinito all'avvio del design manager, le impostazioni del codice per i file codificati in modo personalizzato e il linting di JavaScript.

Per accedere a queste impostazioni:

• Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
• In basso a destra, fare clic su Impostazioni, quindi selezionare Apri impostazioni.

• Fare clic sul menu a discesaImpostazioni per selezionare il tipo di impostazioni che si desidera regolare.
  
  

Impostazioni generali

• Apri il finder all'avvio: se attivata, il finder a sinistra verrà aperto al primo accesso al design manager.
• Aggiorna l'anteprima quando si passa da un file all'altro: se attivata, l'anteprima del design manager mostrerà il file attualmente selezionato. Attivare questa impostazione se si desidera visualizzare l'anteprima di un file alla volta.

Impostazioni del codice

Aspetto

• Tema: la combinazione di colori utilizzata dagli editor di codice.
• Carattere: il carattere principale e la dimensione del carattere utilizzati dall'editor di codice.

Fonte

• Dimensione tabulazione: la larghezza di un carattere di tabulazione quando si preme il tasto tabulazione nell'editor di codice.
• Unità di rientro: il numero di spazi in cui un blocco di codice deve essere rientrato tramite il rientro intelligente.
• Tabulazione morbida: quando è attivata, il tasto tabulazione inserisce caratteri di spazio pari alla dimensione della tabulazione invece di un carattere di tabulazione.
• Rientro intelligente: quando è attivato, le nuove righe seguono il rientro impostato dalla riga precedente.
• Rientro su input di formattazione: se attivata, la stessa riga viene rientrata su input sensibili al contesto. Ad esempio, un'istruzione case x: o una chiusura } verranno rientrate correttamente quando vengono inserite.
• Rientro con tabulazioni: se attivata, l'indentazione automatica causata dall'indentazione intelligente o dall'input di formattazione utilizza le tabulazioni.
• Avvolgimento delle righe: se attivata, le righe vengono avvolte invece di richiedere lo scorrimento orizzontale.
• Chiudi automaticamente le parentesi: se attivata, l'editor di codice chiude automaticamente le parentesi e i caratteri di citazione, ad esempio:
  
  () [] {} '' ""
• Chiusura automatica dei tag: se attivata, l'editor di codice chiude automaticamente i tag XML.
• Abbina parentesi: se attivata, il posizionamento del cursore accanto a un carattere di parentesi evidenzia la parentesi di apertura o di chiusura corrispondente.
• Corrispondenza dei tag: se attivata, il posizionamento del cursore accanto a un tag evidenzia il tag di apertura o di chiusura corrispondente.
• Continua commenti di blocco: se attivata, l'editor di codice continua automaticamente i commenti di blocco quando si creano nuove righe.

Impostazioni del linting di JavaScript

• Fare clic per attivare o disattivare l'interruttore Abilita ESLint. Se attivata, ESLint verrà eseguito al posto di JavaScript quando si visualizza l'output nei file di codice.
  
  
• Nel pannello di sinistra, configurare le impostazioni di ESLint. Per saperne di più sulla configurazione di ESLint.
• Nel pannello di destra, una demo di JavaScript rifletterà le modifiche apportate a sinistra.
• Fare clic su Ripristina eslintrc predefinito per ripristinare la configurazione predefinita.