Anpassa inställningar för designhanteraren

Anpassa din utvecklarupplevelse med inställningar för designhanteraren. Inställningarna omfattar standardbeteende vid start av designhanteraren, kodinställningar för anpassade kodade filer och JavaScript linting.

Så här kommer du åt dessa inställningar:

• I ditt HubSpot-konto, navigera till Marknadsföring > Filer och mallar > Designverktyg.}
• Klicka på Inställningar längst ner till höger och välj sedan Öppna inställningar.

• Klicka på rullgardinsmenynInstä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 den är aktiverad öppnas sökaren till vänster när designhanteraren öppnas för första gången.
• Uppdatera förhandsgranskare vid byte av fil: Om du aktiverar denna funktion visas den för tillfället valda filen i designhanterarens förhandsgranskare. Aktivera den här inställningen om du vill förhandsgranska en fil i taget.

Kodinställningar

Utseende

• Tema: Det färgschema som används av kodredigerare.
• Typsnitt: det primära typsnittet och den typsnittsstorlek som används av kodredigeraren.

Källa

• Tabstorlek: bredden på ett tabbtecken när du trycker på tabbtangenten i kodredigeraren.
• Inryckningsenhet: Antalet mellanslag som ett kodblock ska ryckas in med hjälp av smart indent.
• Mjuka tabulatorer: När den är aktiverad infogar tabbstangenten mellanslagstecken som är lika stora som Tabstorlek i stället för ett tabbtecken.
• Smart indrag: När det är aktiverat följer nya rader det indrag som satts från föregående rad.
• Inryckning vid formateringsinmatning: när den är aktiverad, rycker du in samma rad vid kontextuellt känslig inmatning. Till exempel kommer ett case x:-uttalande eller ett avslutande } att indelas korrekt när det sätts in.
• Inryckning med tabulatorer: När den är aktiverad används tabulatorer för automatisk indragning som orsakas av smart indragning eller formateringsinmatning.
• Linjeomslag: När det är aktiverat omslagsformas rader i stället för att kräva horisontell rullning.
• Automatisk stängning av parenteser: När den är aktiverad stänger kodredigeraren automatiskt parenteser och citationstecken, t.ex:
  
  () [] {} '' ""
• Automatisk stängning av taggar: När den är aktiverad stänger kodredigeraren automatiskt XML-taggar.
• Matcha parenteser: Om du sätter markören bredvid ett parentestecken markerar du motsvarande öppnande eller stängande parentes när den är aktiverad.
• Matcha taggar: Om du placerar markören bredvid en tagg markerar du motsvarande öppnings- eller stängnings tagg när den är aktiverad.
• Fortsätt blockkommentarer: Om du slår på den, fortsätter kodredigeraren automatiskt blockkommentarer när du skapar nya rader.

Inställningar för JavaScript-utredningar

• Klicka för att aktivera eller avaktivera knappen Aktivera ESLint. När den är aktiverad körs ESLint över JavaScript när du tittar på utdata i kodade filer.
  
  
• I den vänstra panelen konfigurerar du dina inställningar för ESLint. 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.