【VSCode】エディタに文字数を示すルーラーを表示する方法

settings.json　にeditor.rulersの設定を追記することでエディタに文字数を示すルーラーを表示できます。

settings.json

  "editor.rulers": [80, 100, 120]  // 80文字、100文字、120文字にルーラーを表示

記述すると以下のようにルーラーが表示されます。

また、ルーラーの色は workbench.colorCustomizations の editorRuler.foreground で変更できます。

settings.json

  "workbench.colorCustomizations": {
    "editorRuler.foreground": "" // ルーラーの色
  }