5
3

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 5 years have passed since last update.

VSCode: JavaScriptを整形する際、オブジェクトをワンラインで表示したい

Last updated at Posted at 2018-12-12

VSCodeは軽くて軽快でLightで好きです。
TypeScriptとの相性も、もちろん良いですし。

ですが、ながらく、整形(beautify, prettier, format)した際にオブジェクトも複数行に展開されてしまうのは、なんとかならんのかなぁ感じていました。一行で表示したい。

statham.js
// 以下のようなimportなどが
import { helloWorld } from './app';
// なにも設定しないと
// 整形した際に、以下のようになってしまう。あんま気持ちよくない
import {
  helloWorld
} from './app';
// 本当は、一行のままにしておきたい

調べたら、すぐ解決しました。

settings.json
"beautify.config": {
        "brace_style": "collapse,preserve-inline"
    },

手順としては、「ファイル」->「基本設定」->「設定」より"beautify.config"を検索、それを上記のように編集すれば良い。

ありがたや

5
3
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
5
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?