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.
Anpassa inställningar för designhanteraren
Senast uppdaterad: juni 28, 2023
Tillgänglig med något av följande abonnemang, om inte annat anges:
|
|
Tidigare Marketing Hub Basic |
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.
Design Manager
Tack för din feedback, den är viktigt för oss.
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.