自訂設計管理員設定

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

自訂一般設定

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「設計管理工具」。
2. 在右下方按一下設定，然後選擇開啟設定。
3. 若要在存取設計管理員時開啟搜尋器，請切換啟動開啟搜尋器的開關。
4. 若要在切換檔案時自動更新預覽器，請在啟動時開啟切換檔案時更新預覽器開關。
5. 若要開啟渲染前警告，請在HubL Linting 區段中切換Enable Pre-Rendering Warnings開關。

自訂程式碼設定

自訂程式碼設定可控制程式碼在程式碼編輯器中的顯示和編輯方式。這些設定會影響可讀性、一致性，以及編寫或更新程式碼時的格式化方式。

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「設計管理工具」。
2. 在右下方，按一下設定，然後選擇開啟設定。
3. 按一下設定：一般」下拉選單，然後選取「程式碼」。
4. 繼續自訂外觀和來源部分。

外觀

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

來源

• 制表符大小：在代碼編輯器中按制表符鍵時，制表符字元的寬度。
• 縮進單位：代碼區塊應以智慧縮進方式縮進的空格數目。
• 軟制表符：當觸發時，制表符鍵會插入與制表符大小相等的空格字元，而不是制表符字元。
• 智慧縮排：開啟此功能後，新行會沿用上一行的縮排設定。
• 格式化輸入時縮排：切換為開啟時，在上下文敏感的輸入上縮排同一行。例如，插入case x: 語句或關閉} 時會正確縮排。
• 使用制表符縮排：如果切換為開啟，由智慧縮排或格式化輸入造成的自動縮排將會使用制表符。
• 行包紮：開啟後，行會包紮而不需要水平捲動。
• 自動閉合括弧：開啟後，程式碼編輯器會自動閉合括弧和引號符號，例如：
  () [] {} ’’ ””
• 自動關閉標記：若開啟此功能，程式碼編輯器會自動關閉 XML 標記。
• 匹配括號：若開啟此功能，將游標放在括號字元旁時，會高亮顯示對應的開括號或閉括號。
• 匹配標籤：若開啟此功能，將游標放在標籤旁時，會高亮顯示對應的開啟或關閉標籤。
• 繼續區塊注解：如果開啟，程式碼編輯器在建立新行時會自動繼續區塊注解。

JavaScript 檢查設定

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「設計管理工具」。
2. 在右下方按一下設定，然後選擇開啟設定。
3. 按一下設定：一般」下拉式功能表，然後選取JS Linter。
4. 按一下開啟或關閉啟用 ESLint開關。開啟時，ESLint 在檢視編碼檔案中的輸出時，會在 JavaScript 上執行。
5. 在左側面板中，設定您的 ESLint 設定。進一步瞭解如何設定 ESLint。
6. 在右側面板中，JavaScript 示範會顯示您在左側所做的變更。
7. 按一下Restore default eslintrc以還原預設設定。