Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
Design Manager

Design-Manager-Einstellungen anpassen

Zuletzt aktualisiert am: Oktober 31, 2019

Produkte/Lizenzen

Marketing Hub  Professional, Enterprise
Basic
HubSpot CMS

Der Design-Manager bietet eine Reihe von Einstellungen, damit Sie Ihre Entwicklerumgebung anpassen können. Diese Einstellungen umfassen das Standard-Startverhalten des Design-Managers, Code-Einstellungen für benutzerdefinierte kodierte Dateien und JavaScript-Linting.

So greifen Sie auf diese Einstellungen zu:

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Design-Manager.
  • Klicken Sie unten rechts auf „Einstellungen“ und wählen Sie „Einstellungen öffnen“ aus.

design-manager-settings

  • Klicken Sie auf das Dropdown-Menü „Einstellungen“, um die Art von Einstellungen auszuwählen, die Sie anpassen möchten.

    design-manager-settings-dropdown

Allgemeine Einstellungen

  • Finder beim Start öffnen: Wenn der Design-Manager zum ersten Mal geöffnet wird, wird immer der Finder auf der linken Seite geöffnet.
  • Vorschau beim Wechseln von Dateien aktualisieren: Wenn die Vorschau geöffnet ist, wird die derzeit ausgewählte Datei angezeigt. Aktivieren Sie diese Einstellung, wenn Sie nur jeweils eine Datei anzeigen möchten.


Code-Einstellungen

Erscheinungsbild

  • Thema: Das von Code-Editoren verwendete Farbschema.
  • Schriftart: Die primäre Schriftart und Schriftgröße, die vom Code-Editor verwendet wird.

Quelle

  • Tab-Größe: Die Breite eines Tabulatorzeichens, wenn die Tabulatortaste im Code-Editor gedrückt wird.
  • Einheit des Einzugs: Die Anzahl der Leerzeichen, die ein Code-Block durch Smart Indent eingerückt werden soll.
  • Soft-Tabs: Fügen Sie beim Drücken der Tabulatortaste Leerzeichen entsprechend der Tab-Größe statt eines Tabulatorzeichens ein.
  • Intelligenter Einzug: Wenn aktiviert ist, wird bei neuen Zeilen der Einzug verwendet, der von der vorherigen Zeile festgelegt wurde.
  • Einrückung bei der Formatierung der Eingabe:Bei kontextsensitiven Eingaben wird dieselbe Zeile eingerückt. Beispielsweise wird ein Fall x:-Statement oder eine schließende } beim Einfügen ordnungsgemäß eingerückt.
  • Einzug mit Tabulatorzeichen: Verwenden Sie Tabulatoren für die automatische Einrückung, die durch intelligenten Einzug oder Formatierungseingaben verursacht wird.
  • Zeilenumbruch: Es erfolgt ein Zeilenumbruch, statt horizontales Scrollen.
  • Klammern automatisch schließen: Es werden automatisch folgende Klammern und Anführungszeichen geschlossen:

    () [] {} ’’ ””
  • Tags automatisch schließen: XML-Tags werden automatisch geschlossen.
  • Übereinstimmende Klammern: Wenn der Cursor neben einem Klammerzeichen ist, wird die entsprechende öffnende oder schließende Klammer hervorgehoben.
  • Übereinstimmende Tags: Wenn der Cursor neben einem Tag ist, wird das entsprechende öffnende oder schließende Tag hervorgehoben.
  • Blockkommentare fortsetzen: Setzen Sie Blockkommentare beim Erstellen einer neuen Zeile automatisch fort.


Einstellungen für JavaScript-Linting

  • Klicken Sie auf den Schalter „ESLint aktivieren“, um ihn zu aktivieren oder deaktivieren. Durch Aktivieren von ESLint wird ESLint über JavaScript ausgeführt, wenn die Ausgabe in kodierten Dateien angezeigt wird.

    design-manager-coded-file-show-output
  • Konfigurieren Sie im linken Bereich Ihre ESLint-Einstellungen. Erfahren Sie mehr über die Konfiguration von Hubint.
  • Im rechten Bereich spiegelt eine JavaScript-Demo die Änderungen wieder, die Sie in der linken Ansicht vornehmen.
  • Klicken Sie auf „Standard-eslintrc wiederherstellen“, um die Standardkonfiguration wiederherzustellen.

    js-linter-settings