跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。
Design Manager

自訂設計經理設定

上次更新時間: 一月 20, 2023

套用至:

所有產品和版本

使用設計經理設定自訂你的開發人員體驗。 設定包括預設設計管理器啟動行為、自訂編碼檔案的代碼設定以及JavaScript嵌套。

若要存取這些設定:

  • 在 HubSpot 帳戶中,進入「行銷」>「檔案和範本」>「設計工具」。
  • 在右下角,按一下[設定] ,然後選擇[開啟設定]。

design-manager-settings

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

    design-manager-settings-dropdown

一般設定

  • 啟動時開啟尋找器:切換開啟時,首次存取設計管理器時,左側的尋找器將開啟。
  • 切換檔案時更新預覽器:切換開啟時,設計經理預覽器將顯示目前選擇的檔案。 如果您想一次預覽一個檔案,請啟用此設定。


代碼設定

外觀

  • 主題:代碼編輯器使用的配色方案。
  • 字體:代碼編輯器使用的主要字體和字體大小。

源(S)

  • 標籤大小:按下代碼編輯器中的標籤鍵時標籤字元的寬度。
  • 縮進單位:代碼區塊應該以智能縮進來的間隙數量。
  • 軟標籤:切換開啟時,標籤鍵會插入等於標籤大小的空格字符,而不是標籤字符。
  • 智能縮進:切換開啟時,新行會跟隨上一行設置的縮進。
  • 格式化輸入的縮排:切換開啟時,在上下文敏感輸入上縮排同一行。 例如,插入時, case x: statement或close}會正確縮進。
  • 使用標籤的縮排:切換開啟時,智能縮排或格式輸入導致的自動縮排使用標籤。
  • 行包裹:切換開啟時,行將被包裹,而不需要水平捲動。
  • 自動關閉方括號:切換開啟時,代碼編輯器會自動關閉方括號和引用字元,例如:

    () [] {} ’’ ”
  • 自動關閉標籤:切換開啟時,代碼編輯器會自動關閉XML標籤。
  • 匹配括號:切換開啟時,將遊標放在括號字符旁邊會突出相應的開啟或關閉括號。
  • 匹配標籤:切換開啟時,將遊標放在標籤旁邊會突出相應的開啟或結束標籤。
  • 繼續封鎖評論:切換開啟時,代碼編輯器會在建立新行時自動繼續封鎖評論。


JavaScript嵌套設定

  • 按一下以開啟或關閉啟用ESLint開關。 當切換開啟時, ESLint將在檢視編碼檔案中的輸出時在JavaScript上運行。

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

    js-linter-settings
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.