Tilpas indstillinger for design manager

Tilpas din udvikleroplevelse med design manager-indstillinger. Indstillingerne for design manager omfatter standard opstartsadfærd for design manager, kodeindstillinger for brugerdefinerede filer og JavaScript linting.

Tilpas generelle indstillinger

1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
2. Klik på Indstillinger nederst til højre, og vælg derefter Åbn indstillinger.
3. Hvis du vil åbne søgeren, når du åbner designmanageren, skal du slå Åbn søger ved start til.
4. For automatisk at opdatere fremviseren, når der skiftes mellem filer, skal du slå Opdater fremviser ved skift af filer til i afsnittet Ved opstart.
5. For at aktivere advarsler før rendering skal du slå Enable Pre-Rendering Warnings til i afsnittet HubL Linting .

Tilpas kodeindstillinger

Tilpas kodeindstillinger for at kontrollere, hvordan kode vises og redigeres i kodeeditoren. Disse indstillinger påvirker læsbarheden, konsistensen og den måde, formateringen opfører sig på, når koden skrives eller opdateres.

1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
2. Klik på Indstillinger nederst til højre, og vælg derefter Åbn indstillinger.
3. Klik på Indstillinger: Generelt, og vælg Kode.
4. Fortsæt med at tilpasse sektionerne Udseende og Kilde.

Udseende

• Tema: det farveskema, der bruges af kodeditorer.
• Skrifttype: Den primære skrifttype og skriftstørrelse, der bruges af kodeeditoren.

Kilde

• Tabulatorstørrelse: bredden på et tabulatortegn, når du trykker på tabulatortasten i kodeeditoren.
• Indrykningsenhed: det antal mellemrum, en kodeblok skal rykkes ind med smart indrykning.
• Bløde tab ulatorer: Når den er slået til, indsætter tabulatortasten mellemrumstegn svarende til tabulatorstørrelsen i stedet for et tabulatortegn.
• Smart indrykning: Når den er slået til, følger nye linjer den indrykning, der er indstillet fra den forrige linje.
• Indrykning ved formateringsinput: Når den er slået til, indrykkes den samme linje ved kontekstafhængigt input. For eksempel vil en case x: -sætning eller en afsluttende } blive indrykket korrekt, når den indsættes.
• Indrykning med faner: Når den er slået til, bruger automatisk indrykning forårsaget af smart indrykning eller formateringsinput faner.
• Linjeombrydning: Når den er slået til, vil linjer blive ombrudt i stedet for at kræve vandret rulning.
• Automatisk lukning af parenteser: Når det er slået til, lukker kodeeditoren automatisk parenteser og anførselstegn, som f.eks:
  () [] {} ’’ ””
• Automatisk lukning af tags: Når det er slået til, lukker kodeditoren automatisk XML-tags.
• Match par enteser: Når det er slået til, fremhæves den tilsvarende åbne eller lukkede parentes, når markøren placeres ved siden af et parentestegn.
• Match tags: Når det er slået til, fremhæver placering af markøren ved siden af et tag det tilsvarende åbne- eller lukketag.
• Fortsæt blokkommentarer: Når det er slået til, fortsætter kodeeditoren automatisk blokkommentarer, når der oprettes nye linjer.

Indstillinger for JavaScript-linting

1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
2. Klik på Indstillinger nederst til højre, og vælg derefter Åbn indstillinger.
3. Klik på Indstillinger: Generelt, og vælg JS Linter.
4. Klik for at slå kontakten Aktiver ESLint til eller fra. Når den er slået til, vil ESLint køre over JavaScript, når du ser output i kodede filer.
5. Konfigurer dine ESLint-indstillinger i venstre panel. Læs mere om konfiguration af ESLint.
6. I det højre panel vil en JavaScript-demo vise de ændringer, du foretager i venstre side.
7. Klik på Restore default eslintrc for at gendanne standardkonfigurationen.