VSCodeの行番号右のガターインジケーターを非表示にする方法

この記事は公開から4年以上経過しています。

VSCodeでGitなどのバージョン管理ファイルを編集すると行番号右に表示される、ガターインジケーターと呼ばれる変更差分表示機能を非表示にする方法。

個人的に使いづらいと感じたので…。

問題

行番号右のコード折りたたみの∨マークをクリックするときに誤ってガターインジケーターを押下すると、差分がインライン表示されてしまう。

【ガターインジケーター】

【変更差分のインライン表示】

対応

setting.jsonのscm.diffDecorationsをall/gutter以外に設定する。

  "scm.diffDecorations": "none"

※関連する設定群は以下のとおり(下記参考リンクから抜粋)。

  // Controls diff decorations in the editor.
  //  - all: Show the diff decorations in all available locations.
  //  - gutter: Show the diff decorations only in the editor gutter.
  //  - overview: Show the diff decorations only in the overview ruler.
  //  - minimap: Show the diff decorations only in the minimap.
  //  - none: Do not show the diff decorations.
  "scm.diffDecorations": "all",

  // Controls the visibility of the Source Control diff decorator in the gutter.
  //  - always: Show the diff decorator in the gutter at all times.
  //  - hover: Show the diff decorator in the gutter only on hover.
  "scm.diffDecorationsGutterVisibility": "always",

  // Controls the width(px) of diff decorations in gutter (added & modified).
  "scm.diffDecorationsGutterWidth": 3,

参考ウェブサイトなど

• VisualStudioCode Docs
  User and Workspace Settings

以上です。