Visual Studio Codeで、コードを自動整形する

Visual Studio Code(VSCode)は、一気に自動的に自動整形(format)が出来る!

仮作成したり、継ぎ足したり、修正したり、他のサイト参照したり諸々、コードって気を抜くと乱れるじゃないですか。

自分一人で作業する分にはいい(後日よくない)けど、多人数作業の方が多い我々とは。
多人数で作業するときには、コードはキレイであることにこしたことはない。

でもイチイチ直すのはメンドウ。
そんな我々の強い味方Visual Studio Code(VSCode)さんは、『自動的に自動整形(format)』をやってくれる機能が、標準装備だったんですよぉ!

自分が書いたものだけでなくて、全てやってくれるので、人から貰っただのDLしただので「きったねえコードだ」と某星の王子風に嘆かなくても良くなります!

format用拡張が必須

入れずにformatしようすると、Formatterが必要と言われる。
なので、個人的に選んだformat用拡張を紹介しておく。

Prettier - Code formatter
JavaScript/css/HTML用
php cs fixer
PHP用

保存時や貼付時に、コードを自動整形する

『設定(歯車型のアレ)』→『設定』の『設定の検索』で『format』と入力。
すると『Editor:Format On Save(保存時に自動format)』とかある。
他の項目も、説明見れば何となく解るさ。

コマンドで一気に、コードを自動整形する

保存時に自動保存もいいのだけど、個人的に作業中に変更されるのウザい。
なので、作業後にコマンドでやる派は、下記。便利。

Windows
Shift + Alt + F
Linux
Ctrl + Shift + I

コメント

タイトルとURLをコピーしました