使用設計經理設定自訂你的開發人員體驗。 設定包括預設設計管理器啟動行為、自訂編碼檔案的代碼設定以及JavaScript嵌套。
若要存取這些設定:
- 在 HubSpot 帳戶中,進入「行銷」>「檔案和範本」>「設計工具」。
- 在右下角,按一下[設定] ,然後選擇[開啟設定]。

- 按一下設定下拉菜單,選擇要調整的設定類型。

一般設定
- 啟動時開啟尋找器:切換開啟時,首次存取設計管理器時,左側的尋找器將開啟。
- 切換檔案時更新預覽器:切換開啟時,設計經理預覽器將顯示目前選擇的檔案。 如果您想一次預覽一個檔案,請啟用此設定。
代碼設定
外觀
- 主題:代碼編輯器使用的配色方案。
- 字體:代碼編輯器使用的主要字體和字體大小。
源(S)
- 標籤大小:按下代碼編輯器中的標籤鍵時標籤字元的寬度。
- 縮進單位:代碼區塊應該以智能縮進來的間隙數量。
- 軟標籤:切換開啟時,標籤鍵會插入等於標籤大小的空格字符,而不是標籤字符。
- 智能縮進:切換開啟時,新行會跟隨上一行設置的縮進。
- 格式化輸入的縮排:切換開啟時,在上下文敏感輸入上縮排同一行。 例如,插入時, case x: statement或close}會正確縮進。
- 使用標籤的縮排:切換開啟時,智能縮排或格式輸入導致的自動縮排使用標籤。
- 行包裹:切換開啟時,行將被包裹,而不需要水平捲動。
- 自動關閉方括號:切換開啟時,代碼編輯器會自動關閉方括號和引用字元,例如:
() [] {} ’’ ”
- 自動關閉標籤:切換開啟時,代碼編輯器會自動關閉XML標籤。
- 匹配括號:切換開啟時,將遊標放在括號字符旁邊會突出相應的開啟或關閉括號。
- 匹配標籤:切換開啟時,將遊標放在標籤旁邊會突出相應的開啟或結束標籤。
- 繼續封鎖評論:切換開啟時,代碼編輯器會在建立新行時自動繼續封鎖評論。
JavaScript嵌套設定
- 按一下以開啟或關閉啟用ESLint開關。 當切換開啟時, ESLint將在檢視編碼檔案中的輸出時在JavaScript上運行。

- 在左側面板中,配置ESLint設定。 了解更多關於配置ESLint的資訊。
- 在右側面板中, JavaScript演示會反映您在左側所做的更改。
- 按一下還原預設eslintrc以還原預設配置。

Design Manager