8
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【VScode】指定した文字数に線を入れる方法(可読性の高いコードを目指して)

Last updated at Posted at 2021-03-11

VScodeで指定した文字数に線(定規)を入れることができる。80文字というのが読みやすいコードの一つの目安になる。

このラインを越えるようなら改行する。

image.png

##表示方法
(1) ctrl + shift + p でコマンド入力窓を表示する。
(2) settings.jsonを入力

image.png

(3) 「基本設定を開く」をクリック
(4) "editor.rulers": [80]を追記(線をひきたい文字数をカッコに入れる。)

{
  "workbench.iconTheme": "vs-minimal",
   
   省略
   
  "emmet.triggerExpansionOnTab": true,
  "editor.rulers": [80]
}

上の行末に,必須。下にも行が続く場合は、挿入した行の末尾に,をつける。


##ラインを複数引く方法 `[ ]`に複数の数値をカンマでつないで記載すれば、線を複数引くことができる。
"editor.rulers": [20, 40, 60, 80]

image.png


以上。
8
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?