Vidensbase

Tilpas indstillingerne for Design Manager

Skrevet af HubSpot Support | Jun 28, 2023 1:24:34 PM

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

Sådan får du adgang til disse indstillinger:

  • Klik på Indstillinger nederst til højre, og vælg derefter Åbn indstillinger.

  • Klik på rullemenuen Indstillinger for at vælge den type indstillinger, du vil justere.

Generelle indstillinger

  • Open finder on start: Når dette er slået til, vil søgeren til venstre være åben, når designmanageren åbnes første gang.
  • Update previewer when switching files: Når denne indstilling er slået til, viser designmanagerens previewer den aktuelt valgte fil. Aktivér denne indstilling, hvis du vil forhåndsvise én fil ad gangen.

Indstillinger for kode

Udseende

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

Kilde

  • Tabulatorstørrelse: bredden af et tabulatortegn, når du trykker på tabulatortasten i kodeeditoren.
  • Indrykningsenhed: antallet af mellemrum, en kodeblok skal indrykkes med smart indrykning.
  • Bløde tabulatorer: 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 sat fra den forrige linje.
  • Indrykning ved formatering af input: Når denne funktion er slået til, indrykkes den samme linje ved kontekstuelt følsomt input. For eksempel vil en case x:-sætning eller en afsluttende } blive korrekt indrykket, når den indsættes.
  • Indrykning med tabulatorer: Når denne funktion er slået til, bruger automatisk indrykning forårsaget af smart indrykning eller formateringsinput tabulatorer.
  • Linjeombrydning: Når den er slået til, vil linjer blive ombrudt i stedet for at kræve vandret scrolling.
  • Automatisk lukning af parenteser: Når det er slået til, lukker kodeeditoren automatisk parenteser og anførselstegn, som f.eks:

    () [] {} '' ""
  • Auto luk tags: Når denne funktion er slået til, lukker kodeeditoren automatisk XML-tags.
  • Match parenteser: Når denne funktion er slået til, fremhæves den tilsvarende åbne eller lukkende parentes, når markøren placeres ved siden af et parentestegn.
  • Match tags: Når denne funktion er slået til, vil markøren ved siden af et tag fremhæve det tilsvarende åbne eller lukkende tag.
  • Fortsæt blokkommentarer: Når denne indstilling er slået til, fortsætter kodeeditoren automatisk blokkommentarer, når der oprettes nye linjer.

Indstillinger for JavaScript linting

  • Klik for at slå Enable ESLint til eller fra. Når den er slået til, vil ESLint køre over JavaScript, når der vises output i kodede filer.

  • I venstre panel kan du konfigurere dine ESLint-indstillinger. Læs mere om konfiguration af ESLint.
  • I højre panel vil en JavaScript-demo afspejle de ændringer, du foretager i venstre panel.
  • Klik på Restore default eslintrc for at gendanne standardkonfigurationen.