1
1

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 1 year has passed since last update.

VSCodeでエディタ上に表示される線で改行されてしまう

Last updated at Posted at 2022-11-13

VSCodeでエディタ上に縦線が表示され,そこで勝手に改行されてしまう問題の解決について.

状況

以下のようにエディタの中心に現れる線によって勝手に改行されてしまう
image.png

解決策

  1. VSCodeの設定を開く.
  2. 設定の検索欄にwordwrapと入力する.
  3. Editor: Word Wrap Columnの部分を適当に大きな値に設定する.(200以上?)
  4. Editor: Word Wrapのプルダウンからをboundedを選択する.

これでWord Wrap Columnかエディタの右端のどちらか小さい方で改行してくれる.

また,中心の線は

  1. command+Shift+Pでコマンドパレットを開き,settings.jsonを開く.(設定ページの右上のドキュメントに矢印がついたアイコンをクリックしてもOK)
  2. "editor.rulers": [ ],の部分を消せば消える.

解決策(スクショつき)

  1. VSCodeの設定を開く.
  2. 設定の検索欄にwordwrapと入力する.
    image.png
  3. Editor: Word Wrap Columnの部分を適当に大きな値に設定する.
    image.png
    これにより,よくわからないところで改行されてしまうのは解消できる.
    しかし,これだけだとめちゃめちゃ長いものを入力した場合,
    image.png
    こんな感じで右にぶっ飛んでしまう.そこで,
  4. Editor: Word Wrapのプルダウンからをboundedを選択すると,
    image.png
    image.png
    設定値とエディタの右端のどちらか小さい方で改行してくれるようになる.
1
1
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
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?