Salta al contenuto
Nota bene: la traduzione in italiano di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.
Design Manager

Personalizzare le impostazioni del design manager

Ultimo aggiornamento: giugno 15, 2022

Si applica a:

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Legacy Marketing Hub Basic

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.

design-manager-settings

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

    design-manager-settings-dropdown

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.

    design-manager-coded-file-show-output
  • 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.

    js-linter-settings
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.