Design Manager

Instellingen van de designmanager aanpassen

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

Pas uw ervaring als ontwikkelaar aan met de instellingen van de designmanager. De instellingen omvatten standaard design manager opstartgedrag, code-instellingen voor aangepaste gecodeerde bestanden en JavaScript-linting.

Om toegang te krijgen tot deze instellingen:

  • Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
  • Klik rechtsonder op Instellingen en selecteer vervolgens Instellingen openen.

design-manager-settings

  • Klik op hetkeuzemenu Instellingen om het type instellingen te selecteren dat u wilt aanpassen.

    design-manager-settings-dropdown

Algemene instellingen

  • Open finder bij de start: bij het aanzetten staat de finder aan de linkerkant open als de designmanager voor het eerst wordt benaderd.
  • Update previewer bij het wisselen van bestanden: bij het aanzetten zal de design manager previewer het momenteel geselecteerde bestand tonen. Schakel deze instelling in als u één bestand per keer wilt bekijken.


Code-instellingen

Verschijning

  • Thema: het kleurenschema dat door de code-editors wordt gebruikt.
  • Lettertype: het primaire lettertype en de lettergrootte die door de code-editor worden gebruikt.

Bron:

  • Tabbladgrootte: de breedte van een tabbladteken bij het indrukken van de tab-toets in de code-editor.
  • Indent unit: het aantal spaties van een codeblok moet worden ingesprongen door middel van een slimme inspringing.
  • Zachte tabs: bij het aanzetten voegt de tab-toets spaties toe die gelijk zijn aan de grootte van een tabblad in plaats van een tabbladteken.
  • Slimme inspringing: wanneer ingeschakeld, volgen nieuwe regels de inspringing die is ingesteld vanaf de vorige regel.
  • Indrukken bij opmaak-invoer: bij het aanzetten van de toets wordt dezelfde regel ingesprongen bij contextgevoelige invoer. Bijvoorbeeld, een geval x: statement, of een slot } zal correct worden ingesprongen wanneer het wordt ingevoegd.
  • Indrukken met tabs: bij het aanzetten van de invoermodule wordt de automatische inspringing door een slimme inspringing of opmaak gebruikt voor de tabs.
  • Lijnwikkeling: bij het aanzetten worden de lijnen omwikkeld in plaats van dat horizontaal scrollen nodig is.
  • Automatisch sluiten van haakjes: wanneer er wordt omgeschakeld, sluit de code-editor automatisch haakjes en aanhalingstekens, zoals:

    () [] {} ’’ ””
  • Automatisch sluiten van tags: wanneer de code-editor wordt ingeschakeld, sluit hij automatisch XML-tags.
  • Match brackets: wanneer de cursor naast een bracket karakter wordt geplaatst, wordt de corresponderende openings- of sluitingsbeugel gemarkeerd.
  • Match-tags: wanneer de cursor naast een tag wordt geplaatst, wordt de overeenkomstige openings- of sluitings-tag geaccentueerd.
  • Doorgaan met blokcommentaar: wanneer ingeschakeld, gaat de code-editor automatisch door met het blokkeren van commentaar bij het aanmaken van nieuwe regels.


JavaScript-instellingen

  • Klik op om de ESLintschakelaar Inschakelen of Uit te schakelen. Bij het aanzetten zal ESLint over JavaScript lopen bij het bekijken van de uitvoer in gecodeerde bestanden.

    design-manager-coded-file-show-output
  • Configureer in het linkerpaneel uw ESLint instellingen. Meer informatie over het configureren van ESLint.
  • In het rechterpaneel zal een JavaScript-demo de wijzigingen weergeven die u aan de linkerkant maakt.
  • Klik op Restore default eslintrc om de standaardconfiguratie te herstellen.

    js-linter-settings