Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Design Manager

Personnaliser les paramètres du gestionnaire de conception

Dernière mise à jour: octobre 31, 2019

Disponible avec :

Hub Marketing Professional, Enterprise
Basique
HubSpot CMS

Le gestionnaire de conception dispose d'un éventail de paramètres afin que vous puissiez personnaliser votre expérience développeur. Ces paramètres comprennent le comportement du gestionnaire de conception par défaut, les paramètres de code pour les fichiers codés personnalisés et les liens JavaScript.

Pour accéder à ces paramètres :

  • Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
  • Dans le coin inférieur droit, cliquez sur Paramètres, puis sélectionnez Ouvrir les paramètres.

design-manager-settings

  • Cliquez sur le menu déroulant Paramètres pour sélectionner le type de paramètres que vous souhaitez ajuster.

    design-manager-settings-dropdown

Paramètres généraux

  • Ouvrir l'outil de recherche au départ : lorsque le gestionnaire de conception s'ouvre pour la première fois, l'outil de recherche sur la gauche s'ouvre toujours.
  • Mettre à jour l'aperçu quand vous changez de fichiers : lorsque l'aperçu est ouvert, il affichera le fichier actuellement sélectionné. Activez ce paramètre si vous souhaitez prévisualiser un fichier à la fois.


Paramètres de code

Apparence

  • Thème : la palette de couleurs utilisée par les éditeurs de code.
  • Police : la police principale et la taille de police utilisées par l'éditeur de code.

Source

  • Taille de la tabulation : la longueur d'un caractère de tabulation quand vous appuyez sur la touche tabulation dans l'éditeur de code.
  • Unité de retrait : le nombre de retraits d'un bloc de code par retrait intelligent.
  • Tabulations Soft : en appuyant sur la touche tabulation, insérez des caractères d'espace équivalents à la taille de la tabulation plutôt qu'un caractère tabulation.
  • Retrait intelligent : lorsqu'il est activé, de nouvelles lignes suivront le retrait à partir de la ligne précédente.
  • Retrait par rapport au formatage : placer le retrait sur la même ligne sur les entrées sensibles au contexte. Par exemple, un cas x : une déclaration ou un } de fermeture sera correctement mis en retrait quand il sera inséré.
  • Retrait avec les tabulations : utilisez les tabulations pour le retrait automatique à l'aide du tiret ou du formatage intelligent.
  • Renvoi à la ligne : Renvoyer à la ligne au lieu de faire défiler.
  • Fermer automatiquement les guillemets : fermer automatiquement les guillemets et les caractères de citation, tels que :

    () [] {} '' ””
  • Fermeture automatique des balises :  fermer automatiquement les balises XML.
  • Aligner les accolades : lorsque le curseur est à côté d'un caractère de guillemet, mettez en avant la barre d'ouverture ou de fermeture correspondante.
  • Correspondance des balises : lorsque le curseur est à côté d'une balise, surlignez la balise d'ouverture ou de fermeture correspondante.
  • Continuer de bloquer les commentaires : continuer automatiquement de bloquer les commentaires lorsque vous créez une nouvelle ligne.


Paramètres des liens JavaScript

  • Cliquez pour activer ou désactiver ESLint. ESLint prendra le dessus sur JavaScript lorsque vous consulterez la sortie dans les fichiers codés.

    design-manager-coded-file-show-output
  • Dans le panneau de gauche, configurez vos paramètres ESLint. En savoir plus sur la configuration de ESLint.
  • Dans le panneau de droite, une démonstration JavaScript affichera les modifications apportées à gauche.
  • Cliquez sur Restaurer eslintrc par défaut pour restaurer la configuration par défaut.

    js-linter-settings