HubSpot Kennisbank

Instellingen ontwerpmanager aanpassen

Geschreven door HubSpot Support | Oct 8, 2020 10:01:17 PM

Pas de ervaring van je ontwikkelaar aan met instellingen voor design manager. Instellingen zijn onder andere het standaard opstartgedrag van design manager, code-instellingen voor aangepaste gecodeerde bestanden en JavaScript linting.

Om toegang te krijgen tot deze instellingen:

  • Klik rechtsonder op Instellingen en selecteer vervolgens Instellingen openen.

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

Algemene instellingen

  • Open finder on start: indien ingeschakeld, wordt de finder aan de linkerkant geopend wanneer de design manager voor het eerst wordt geopend.
  • Voorvertoning bijwerken bij wisselen van bestand: als deze optie is ingeschakeld, wordt in de voorvertoning van het designbeheer het huidige geselecteerde bestand weergegeven. Schakel deze instelling in als je één bestand per keer wilt bekijken.

Code-instellingen

Uiterlijk

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

Bron

  • Tabgrootte: de breedte van een tabteken wanneer u op de tabtoets drukt in de code-editor.
  • Inspringeenheid: het aantal spaties dat een codeblok moet inspringen door middel van slimme inspringing.
  • Zachte tabs: indien ingeschakeld, voegt de tab-toets spaties in die gelijk zijn aan de grootte van de tab in plaats van een tab-teken.
  • Slim inspringen: indien ingeschakeld, volgen nieuwe regels de inspringing van de vorige regel.
  • Inspringen bij opmaakinvoer: indien ingeschakeld, springt dezelfde regel in bij contextgevoelige invoer. Bijvoorbeeld, een case x: statement, of een afsluitende } zal correct inspringen bij het invoegen.
  • Inspringen met tabs: indien ingeschakeld, zal automatisch inspringen veroorzaakt door slim inspringen of opmaakinvoer tabs gebruiken.
  • Regels omwikkelen: indien ingeschakeld, worden regels omwikkeld in plaats van dat horizontaal scrollen nodig is.
  • Haakjes automatisch sluiten: indien ingeschakeld, sluit de code-editor automatisch haakjes en aanhalingstekens, zoals:

    () [] {} '' ""
  • Tags automatisch sluiten: indien ingeschakeld, sluit de code-editor automatisch XML-tags.
  • Overeenkomende haakjes: als deze optie is ingeschakeld, wordt bij het plaatsen van de cursor naast een haakjesteken het bijbehorende openings- of sluitingshaakje gemarkeerd.
  • Tags matchen: als deze optie is ingeschakeld, wordt de bijbehorende openings- of sluitingstag gemarkeerd als de cursor naast een tag staat.
  • Doorgaan met blokcommentaar: indien ingeschakeld, gaat de code-editor automatisch door met blokcommentaar bij het maken van nieuwe regels.

JavaScript linting instellingen

  • Klik om de schakelaar ESLint inschakelen aan of uit te zetten. Indien ingeschakeld, zal ESLint JavaScript overlopen bij het bekijken van uitvoer in gecodeerde bestanden.

  • Configureer je ESLint-instellingen in het linkerpaneel. Meer informatie over het configureren van ESLint.
  • In het rechterpaneel geeft een JavaScript-demo de wijzigingen weer die u links hebt gemaakt.
  • Klik op Standaard eslintrc herstellen om de standaardconfiguratie te herstellen.