Ontwerpmanager instellingen aanpassen

Pas uw ontwikkelaarservaring aan met ontwerpbeheerinstellingen. De instellingen omvatten het standaard opstartgedrag van de design manager, code-instellingen voor aangepaste gecodeerde bestanden en JavaScript-inting.

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.

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

Algemene instellingen

• Open zoeker bij opstarten: indien aangevinkt, zal de zoeker aan de linkerkant worden geopend wanneer de design manager voor het eerst wordt geopend.
• Voorvertoningbijwerken bij wisselen van bestand: indien aangezet, toont de voorvertoning van de design manager het momenteel geselecteerde bestand. Activeer deze instelling als u een voorbeeld van één bestand tegelijk wilt zien.

Code-instellingen

Uiterlijk

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

Bron

• Tab grootte: de breedte van een tab karakter bij het indrukken van de tab toets in de code editor.
• Inspring eenheid: het aantal spaties dat een codeblok moet inspringen door slim inspringen.
• Soft tabs: indien ingeschakeld, voegt de tab-toets spaties in gelijk aan de tab-grootte in plaats van een tab-teken.
• Slim inspringen: indien ingeschakeld, volgen nieuwe regels de inspringing van de vorige regel.
• Inspringen bij opmaak-invoer: indien ingeschakeld, laat u dezelfde regel inspringen bij contextgevoelige invoer. Bijvoorbeeld, een case x: statement, of een afsluitende } zal correct inspringen wanneer deze wordt ingevoegd.
• Inspringen met tabs: indien ingeschakeld, worden bij automatisch inspringen door slim inspringen of opmaak-invoer tabs gebruikt.
• Regelsomwikkelen: 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:
  
  () [] {} ’’ ””
• Automatisch sluiten van tags: indien aangezet, sluit de code-editor automatisch XML-tags.
• Overeenkomende haakjes: indien aangezet, wordt door het plaatsen van de cursor naast een haakje het overeenkomstige openende of sluitende haakje gemarkeerd.
• Overeenkomendetags: indien ingeschakeld, wordt door het plaatsen van de cursor naast een tag de overeenkomstige openende of sluitende tag gemarkeerd.
• Doorgaan met blokcommentaar: indien aangezet, gaat de code-editor automatisch door met blokcommentaar bij het maken van nieuwe regels.

JavaScript-verfijningsinstellingen

• Klik op om de schakelaar ESLint inschakelen in of uit te schakelen. Wanneer deze optie is ingeschakeld, zal ESLint JavaScript overnemen bij het bekijken van uitvoer in gecodeerde bestanden.
  
  
• In het linkerpaneel configureert u uw ESLint-instellingen. Meer informatie over het configureren van ESLint.
• In het rechterpaneel ziet u een JavaScript-demo die de wijzigingen weergeeft die u aan de linkerkant aanbrengt.
• Klik op Standaardinstellingen herstellen eslintrc om de standaardconfiguratie te herstellen.