HubSpot Knowledge Base

Customize design manager settings

Scritto da HubSpot Support | Jan 27, 2021 6:08:49 PM

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:

  • In basso a destra, fare clic su Impostazioni, quindi selezionare Apri impostazioni.

  • Fare clic sul menu a discesa Impostazioni per selezionare il tipo di impostazioni da regolare.

Impostazioni generali

  • Apri il finder all'avvio: se attivata, al primo accesso al design manager verrà aperto il finder a sinistra.
  • Aggiorna l'anteprima quando si passa da un file all'altro: se l'opzione è 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 da un 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.
  • Chiusura automatica delle parentesi: se attivata, l'editor di codice chiude automaticamente le parentesi e i caratteri di citazione, come 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. Quando è attivata, ESLint eseguirà il linting di JavaScript durante la visualizzazione dell'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.