Personalizzare le impostazioni del design manager
Ultimo aggiornamento: gennaio 19, 2023
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.
Contenuti correlati
-
Creare pagine in più lingue
È possibile tradurre i contenuti di una pagina HubSpot in più lingue. Aggiungendo un modulo per il cambio di...
Knowledge base -
Utilizzare i font in HubSpot
I font disponibili per i contenuti in HubSpot dipendono dal tipo di contenuto e dal tipo di font. Alcuni font...
Knowledge base -
Aggiungere il codice di Google Tag Manager al contenuto di HubSpot
È possibile integrare Google Tag Manager con HubSpot per tracciare le landing page, le pagine del sito web,...
Knowledge base