W3C SVG

Visual Studio Code（VS Code）で縦線を引く

  1. まるさんかくしかく　Tech学習と入門ログ
  2. Tools
  3. Visual Studio Code（VS Code）で縦線を引く
2019-09-18

全銀フォーマットみたいな固定長のファイルをいじる機会があった。
せめて縦線引きたいなと思ったが、調べるとVS Codeの標準の設定で簡単にできた。
1行80文字までとかもこれでわかりやすくなる。

Visual Studio Code（VS Code）で縦線を引く手順

  1. 左下の設定（ショートカットだとCtrl + ,）で、設定のタブを表示する。
  2. 「設定の検索」に"rulers"を入力して、検索をする。
  3. Editor:Rulersの「settings.json」をクリックする。
  4. 表示されたsettings.jsonに以下を記載する。
"editor.rulers": [1,1,2,3,5,8,13,21,34,55,89],
"workbench.colorCustomizations": {"editorRuler.foreground": "#00FF00"},

editor.rulersで任意の桁数を複数指定できる。
10桁毎に縦線を入れる場合、“editor.rulers”: [10,20,30]のようにできる。

縦線を引く手順　画像イメージ版

Visual Studio Code（VS Code）で縦線を引く手順のアニメーションgif

参考ページ