編輯器側邊欄

編輯器左側的垂直區域。當編寫代碼時，提供重要信息和操作圖標。外觀和行為可以根據你的喜好進行定制。

如果在較小的屏幕上工作，并且希望側邊欄和其他UI元素占用更少的空間，則可以啟用緊湊模式。
如果使用屏幕閱讀器，則可以將其配置為讀取排水溝中的行號、注釋和圖標工具提示。

行號

默認情況下，側邊欄顯示行號，這使得在與隊友討論或瀏覽代碼時更容易引用特定的行。

配置行號

1. 打開“設置”對話框，然后轉到Editor | General | Appearance。
2. 啟用“Show line numbers”選項后，從下拉菜單中選擇所需的行號模式：

• Absolute：從文件頂部到底部順序排列的標準行號，為每一行提供一個唯一的數字。此模式有助于在討論或錯誤消息中直接導航和引用特定行。
  
• Relative：顯示每行與插入符號的當前位置相距多少行。這對于使用鍵盤快捷鍵快速移動或編輯代碼塊特別有用。
  
• Hybrid：此模式結合了絕對和相對行號，顯示插入符當前位置的絕對行號和所有其他行的相對編號。它允許使用這兩個系統的優點進行高效的導航和編輯。
  

隱藏行號

• 在側邊欄上單擊鼠標右鍵，取消選擇“Appearance | Show Line Numbers”。
  
• 在“設置”對話框中，轉到“Editor | General | Appearance”，取消選中“Show line numbers”選項。

代碼折疊

為了根據手頭的任務定制代碼視圖，可以使用代碼折疊。

要始終顯示折疊圖標，請轉到“Settings | Editor | General | Code Folding”，然后選擇“Show code folding arrows”旁邊的“Always”。
要始終隱藏折疊圖標，清除“Show code folding arrows”復選框。

側邊欄圖標

可用的圖標列表取決于項目的配置、使用的框架和安裝的插件。例如，可用于運行程序。要訪問項目可用的圖標列表，請轉到“Settings | Editor | General | Gutter Icons”。要顯示或隱藏圖標，請選中或清除其旁邊的復選框。如果要禁用所有圖標，請清除列表頂部的“Show gutter icons”復選框。

書簽

可以為某一行添加書簽，用于快速定位。

添加匿名書簽

• 按F11。
• 側邊欄右鍵，選擇Add Bookmark
  
  書簽圖標在側邊欄空白處顯示。
  

添加助記符書簽

1. 按Ctrl + F11，或右鍵菜單，選擇“Add Mnemonic Bookmark”。
   
2. 在打開的彈出窗口中，選擇要用作此書簽標識符的數字或字母。
   
   如果所選助記符已被使用，將詢問您是否要用新書簽覆蓋現有書簽。選擇“不再詢問”選項以靜默覆蓋助記符。
   
3. 填寫新書簽的描述。
4. 按Enter鍵或再次單擊所選字母或數字以保存書簽。字母或數字書簽圖標出現在書簽行旁邊的空白處。
   

運行和調試

• 要運行或調試腳本，請在編輯器中打開相關的package.json文件，單擊側邊欄的運行按鈕，從菜單中選擇運行<script_name>或調試<script_nname>。
  
• 要運行或調試測試，請在編輯器中打開相關測試文件，單擊相應按鈕。
  

管理斷點

• 要設置行斷點，請單擊可執行代碼行的空白處。
• 要設置方法斷點，請單擊聲明方法的行處的空白處。
• 要移動斷點，請將其拖動到排水溝中的另一行上。

配置斷點圖標

默認情況下，斷點圖標放置在行號上以節省空間。

要在行號附近放置斷點，請右鍵單擊側邊欄，取消選擇“Appearance | Breakpoints Over Line Numbers”。

版本控制

配置Git Blame注釋

可以使用VCS注釋找出是誰對文件進行了哪些更改。要啟用注釋，請右鍵單擊側邊欄，然后選擇“Annotate with Git Blame”。

可以根據自己的喜好配置注釋以顯示信息：

• Annotation content 注釋內容。在注釋上單擊鼠標右鍵，然后轉到“View”。可以選擇要包含在注釋中的信息：修訂號、更改日期、作者姓名。
• Colors 顏色。在注釋上單擊鼠標右鍵，然后轉到“View | Colors”。可以選擇要高亮顯示的內容：更改的順序，使最近的提交更容易看到，或者更改的作者。要禁用高亮顯示，請選擇“Hide”選項。
• Names 名字。在注釋上單擊鼠標右鍵，然后轉到“View | Names”。可以選擇如何標記作者：使用他們的全名、僅使用名字或僅使用姓氏、首字母縮寫或電子郵件。

還可以在編輯器中修改文件時跟蹤其更改。所有更改都會用更改標記高亮顯示，這些標記顯示在修改行旁邊的空白處，并顯示自上次與存儲庫同步以來引入的更改類型。當將更改提交到存儲庫時，更改標記會消失。

可以使用將鼠標懸停在更改標記上然后單擊它時出現的工具欄來管理更改。該工具欄與顯示修改行先前內容的框架一起顯示：

單擊向左按鈕回滾更改，單擊雙箭頭按鈕瀏覽當前行的當前版本和存儲庫版本之間的差異，單擊ab按鈕高亮顯示已更改的片斷。