Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.
Design Manager

Anpassa inställningar för designhanteraren

Senast uppdaterad: november 2, 2021

Gäller för:

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

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

Om du vill komma åt de här inställningarna:

  • 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.

design-manager-settings

  • Klicka på rullgardinsmenynInställningar för att välja vilken typ av inställningar du vill justera.

    design-manager-settings-dropdown

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 här 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.

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

    js-linter-settings