27
15

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のPrettierの改行される文字数の変更の仕方

Last updated at Posted at 2020-08-26

VisualStadio CodeにPrettierの拡張機能を入れて開発しているのですが、あまりにもタグが改行されまくって、イラっとさせられてしまいましたので、ちょっと調査しまして備忘録として残しておきます。

拡張機能から、Prettierを選択し、右下の設定ボタンから拡張機能の設定をクリックします。
キャプチャ.JPG

Prettier: Print Widthの項目を探してデフォルトが80となっているので、好きな数字に変えます。
私のは大き目のモニターを使っていましてそれに合わせて360にしました。
キャプチャ.JPG

それかConfigで設定する

最初は上の設定をしていたのですが、VisualStadio Code側で設定してしまうと、当然エディタで設定したその人にしか適用されません。
チーム開発するなら共通の設定を持った方がいいと思いました。

下記のようにprettierがインストールしてあるJsプロジェクト直下に置くだけで大丈夫です。

prettier.config.js
module.exports = {
    printWidth: 360,
};
27
15
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
27
15

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?