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.