自訂設計管理系統設定

使用設計管理員設定，自訂開發人員體驗。 設定包括預設設計管理員啟動行為、自訂編碼檔案的程式碼設定，以及JavaScript linting。

若要存取這些設定，請按照以下步

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「檔案和範本」>「設計工具」。
• 在右下角，按一下「設定」，然後選取「開啟設定」。

• 單

  擊設置下拉菜單，選擇要調整的設置類型。
  
  

一般設定

• 啟動時開啟尋找工具：開啟後，系統會在首次存取設計管理員時開啟左側的尋找工具。
• 切換檔案時更新預覽器：開啟後，設計管理員預覽器將顯示目前所選的檔案。 如果要一次預覽一個檔案，請啟用此設定。

代碼設定

外觀

• 主題：程式碼編輯器使用的配色方案。
• 字型：程式碼編輯器使用的主要字型和字型大小。

來源

• 索引標籤大小：在程式碼編輯器中按Tab鍵時索引標籤字元的寬度。
• 縮排單位：代碼塊應由智慧縮排縮排的空格數。
• 軟性索引標籤：開啟此選項時，索引標籤鍵會插入等於索引標籤大小的空格字元，而不是索引標籤字元。
• 智能縮排：切換開啟時，新行將遵循上一行設置的縮排。
• 格式化輸入時縮排：切換開啟時，在內容相關的輸入上縮排相同的行。 例如，插入case x:陳述式或closing}時會正確縮排。
• 使用制表符縮排：切換開啟時，由智能縮排或格式化輸入引起的自動縮排使用制表符。
• 換行：開啟切換時，線條將被換行，而不需要水平捲動。
• 自動關閉括號：開啟時，程式碼編輯器會自動關閉括號和引號字元，例如：
  
  () [] {} ’’ ”
• 自動關閉標籤：開啟時，程式碼編輯器會自動關閉XML標籤。
• 匹配括號：切換開關時，將遊標放在括號字符旁邊會突出顯示對應的開啟或關閉括號。
• 匹配標籤：切換開啟時，將遊標放在標籤旁邊會反白顯示相應的開啟或關閉標籤。
• 繼續區塊評論：開啟後，程式碼編輯器會在建立新行時自動繼續區塊評論。

JavaScript linting設定

• 按一下以開啟或關閉啟用ESLint開關。 開啟後， ESLint在檢視編碼檔案中的輸出時，會在JavaScript上執行。
  
  
• 在左側面板中，設定ESLint設定。 深入瞭解如何設定ESLint。
• 在右側面板中， JavaScript示範將反映您在左側所做的更改。
• 按一下還原預設eslintrc以還原預設配置。