Anpassa din utvecklarupplevelse med inställningar för designhanteraren. Inställningarna inkluderar standardstartbeteende för designhanteraren, kodinställningar för anpassade kodade filer och JavaScript-lintning.
Så här kommer du åt dessa inställningar:
- Klicka på Inställningar längst ned till höger och välj sedan Öppna inställningar.
- Klicka på rullgardinsmenyn Inställningar för att välja vilken typ av inställningar du vill justera.
Allmänna inställningar
- Öppna sökaren vid start: när detta är aktiverat kommer sökaren till vänster att vara öppen när designhanteraren öppnas för första gången.
- Uppdatera förhandsgranskaren när du byter fil: när denna inställning är aktiverad kommer designhanterarens förhandsgranskare att visa den aktuella filen. Aktivera denna inställning om du vill förhandsgranska en fil åt gången.
Inställningar för kod
Utseende
- Tema: det färgschema som används av kodredigerare.
- Teckensnitt: det primära teckensnittet och teckenstorleken som används av kodredigeraren.
Källa
- Tabstorlek: bredden på ett tabbtecken när du trycker på tabbtangenten i kodredigeraren.
- Indragsenhet: antalet mellanslag som ett kodblock ska indragas med smart indrag.
- Mjuka tabbar: när tabbtangenten är aktiverad infogas mellanslag motsvarande tabbstorleken istället för tabbtecken.
- Smart indrag: när denna funktion är aktiverad följer nya rader indraget från föregående rad.
- Indrag vid formateringsinmatning: när denna funktion är aktiverad görs indrag på samma rad vid kontextuellt känslig inmatning. Till exempel kommer en case x:-sats eller ett avslutande } att indragas korrekt när det infogas.
- Indrag med tabbar: när den är aktiverad använder automatisk indragning som orsakas av smart indrag eller formateringsinmatning tabbar.
- Radbrytning: när denna funktion är aktiverad kommer rader att brytas istället för att kräva horisontell rullning.
- Stäng parenteser automatiskt: när denna funktion är aktiverad stänger kodredigeraren automatiskt parenteser och citattecken, t.ex:
() [] {} '' ""
- Stäng taggar automatiskt: när denna funktion är aktiverad stänger kodredigeraren automatiskt XML-taggar.
- Matcha parenteser: när denna funktion är aktiverad markeras motsvarande öppnande eller stängande parentes om markören placeras bredvid ett parentestecken.
- Matcha taggar: när funktionen är aktiverad markeras motsvarande inledande eller avslutande tagg när markören placeras bredvid en tagg.
- Fortsätt medblockkommentarer: när detta alternativ är aktiverat fortsätter kodredigeraren automatiskt med blockkommentarer när nya rader skapas.
Inställningar för JavaScript linting
- Klicka här för att slå på eller av knappen Aktivera ESLint. När den är påslagen kör ESLint över JavaScript vid visning av utdata i kodade filer.
- I den vänstra panelen kan du konfigurera dina ESLint-inställningar. Läs mer om hur du konfigurerar ESLint.
- I den högra panelen visas en JavaScript-demo som återspeglar de ändringar du gör i den vänstra panelen.
- Klicka på Återställ standard eslintrc för att återställa standardkonfigurationen.