Tilpass innstillingene for Design Manager

Tilpass utvikleropplevelsen med innstillingene for Design Manager. Innstillingene for Design Manager omfatter standard oppstartsatferd for Design Manager, kodeinnstillinger for egendefinerte filer og JavaScript-linting.

Tilpasse generelle innstillinger

1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
2. Klikk på Innstillinger nederst til høyre, og velg deretter Åpne innstillinger.
3. Hvis du vil åpne søkeren når du åpner designbehandleren, slår du på bryteren Åpne søkeren ved start.
4. Hvis du vil oppdatere forhåndsvisningsprogrammet automatisk når du bytter mellom filer, slår du på Oppdater forhåndsvisningsprogrammet når du bytter filer i delen Ved oppstart.
5. Hvis du vil slå på advarsler før rendering, slår du på Aktiver advarsler før rendering i HubL Linting-delen .

Tilpasse kodeinnstillinger

Du kan tilpasse kodeinnstillingene for å kontrollere hvordan koden vises og redigeres i kodeditoren. Disse innstillingene påvirker lesbarheten, konsistensen og måten formateringen oppfører seg på når koden skrives eller oppdateres.

1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
2. Klikk på Innstillinger nederst til høyre, og velg deretter Åpne innstillinger.
3. Klikk på rullegardinmenyen Innstillinger: Generelt, og velg Kode.
4. Fortsett med å tilpasse seksjonene Utseende og Kilde.

Utseende

• Tema: Fargeskjemaet som brukes av kodeditoren.
• Skrifttype: den primære skrifttypen og skriftstørrelsen som brukes av kodeditoren.

Kilde

• Tabulatorstørrelse: bredden på et tabulatortegn når du trykker på tabulatortasten i kodeditoren.
• Innrykkingsenhet: antall mellomrom en kodeblokk skal rykkes inn ved hjelp av smart innrykk.
• Myke tab ulatorer: Når tabulatortasten er slått på, settes det inn mellomromstegn som tilsvarer tabulatorstørrelsen i stedet for et tabulatortegn.
• Smart innrykk: Når denne funksjonen er slått på, følger nye linjer innrykket fra forrige linje.
• Innrykk ved formatering av inndata: Når denne funksjonen er slått på, innrykkes den samme linjen ved kontekstsensitiv inndata. For eksempel vil en case x: -setning eller en avsluttende } være riktig innrykket når den settes inn.
• Innrykk med tabulator: Når denne funksjonen er slått på, vil automatisk innrykk forårsaket av smart innrykk eller formateringsinndata bruke tabulator.
• Linjeombryting: Når denne funksjonen er slått på, vil linjer brytes om i stedet for å kreve horisontal rulling.
• Automatisk lukking av parenteser: Når denne funksjonen er slått på, lukker kodeditoren automatisk parenteser og anførselstegn, som f.eks:
  () [] {} ’’ ””
• Automatisk lukking avtagger: Når denne funksjonen er slått på, lukkes XML-tagger automatisk i kodeditoren.
• Match par enteser: Når denne funksjonen er slått på, markerer markøren ved siden av et parentestegn den tilsvarende åpnings- eller sluttparentesen.
• Match tagger: Når denne funksjonen er slått på, markerer markøren ved siden av en tagg den tilsvarende åpnings- eller avslutningstaggen.
• Fortsett blokk-kommentarer: Når denne funksjonen er slått på, fortsetter kodeditoren automatisk blokk-kommentarer når du oppretter nye linjer.

Innstillinger for JavaScript-linting

1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
2. Klikk på Innstillinger nederst til høyre, og velg deretter Åpne innstillinger.
3. Klikk på Innstillinger: Generelt, og velg JS Linter.
4. Klikk for å slå bryteren Aktiver ESLint på eller av. Når den er slått på, vil ESLint kjøre over JavaScript når du viser utdata i kodede filer.
5. Konfigurer ESLint-innstillingene i panelet til venstre. Finn ut mer om hvordan du konfigurerer ESLint.
6. I det høyre panelet vil en JavaScript-demo vise endringene du gjør til venstre.
7. Klikk på Gjenopprett standard eslintrc for å gjenopprette standardkonfigurasjonen.