自定义设计管理器设置

使用设计管理器设置自定义开发人员体验。设计管理器设置包括默认的设计管理器启动行为、自定义编码文件的代码设置和 JavaScript 检查。

自定义常规设置

1. 在 HubSpot 帐户中，导航到内容 > 设计管理器。
2. 在右下角单击 "设置"，然后选择 "打开设置"。
3. 要在访问设计管理器时打开查找器，请切换 "启动时打开查找器"开关。
4. 要在切换文件时自动更新预览器，请在 "启动 时"部分切换 "切换文件时更新预览器"开关。
5. 要打开预渲染警告，请在 "HubL Linting "部分切换 "启用预渲染警告 "开关。

自定义代码设置

自定义代码设置可控制代码在代码编辑器中的显示和编辑方式。这些设置会影响代码的可读性、一致性以及在编写或更新代码时格式化的行为方式。

1. 在 HubSpot 帐户中，导航到内容 > 设计管理器。
2. 在右下角单击 "设置"，然后选择 "打开设置"。
3. 单击设置：常规"下拉菜单，然后选择 "代码"。
4. 继续自定义外观和源代码部分。

外观

• 主题：代码编辑器使用的配色方案。
• 字体：代码编辑器使用的主要字体和字体大小。

源代码

• 制表符大小：在代码编辑器中按制表符键时制表符的宽度。
• 缩进单位：通过智能缩进功能缩进代码块的空格数。
• 软制表符：打开时，Tab 键插入的空格字符等于制表符大小，而不是制表符字符。
• 智能缩进：开启后，新行将沿用上一行的缩进设置。
• 格式化输入时缩进：打开此选项后，根据上下文输入的内容缩进同一行。例如，插入case x: 语句或结尾} 时将正确缩进。
• 使用制表符缩进：启用后，智能缩进或格式化输入引起的自动缩进将使用制表符。
• 换行：打开后，将换行而不需要水平滚动。
• 自动关闭括号：打开此选项后，代码编辑器会自动关闭括号和引号，例如："......"：
  () [] {} ’’ ””
• 自动关闭标记：打开后，代码编辑器会自动关闭 XML 标记。
• 匹配括号：打开此选项后，将光标放在括号字符旁边，就会高亮显示相应的开头或结尾括号。
• 匹配标签：打开此选项后，将光标放在标签旁边会突出显示相应的打开或关闭标签。
• 续写块注释：打开此选项后，代码编辑器会在创建新行时自动续写块注释。

JavaScript 检查设置

1. 在 HubSpot 帐户中，导航到内容 > 设计管理器。
2. 在右下角单击 "设置"，然后选择 "打开设置"。
3. 单击设置：常规"下拉菜单，然后选择 "JS 检查器"。
4. 单击打开或关闭启用 ESLint开关。打开后，在查看编码文件中的输出时，ESLint 将优先于 JavaScript 运行。
5. 在左侧面板中，配置 ESLint 设置。了解有关配置 ESLint 的更多信息。
6. 在右侧面板中，JavaScript 演示将显示您在左侧面板中所做的更改。
7. 单击 "还原默认 eslintrc "以还原默认配置。