web-dev-qa-db-ja.com

Visual Studio Codeプロジェクトのすべてのファイルをフォーマットするにはどうすればよいですか?

プロジェクト内のすべてのファイルを個別にフォーマットせずにフォーマットする方法はありますか?

41
Chris Williams

「Format Files」という拡張子を使用できます。

「使用:コマンドパレットを開く(Ctrl + Shift + P)&「フォーマットファイル」を入力します。「editor.action.formatFiles」コマンドへのキーバインドを作成します。ワークスペースフォルダーを右クリックし、[ファイルのフォーマット]を選択して、ディレクトリ内のすべてのファイルをフォーマットします。

ソース: https://marketplace.visualstudio.com/items?itemName=jbockle.jbockle-format-files

23
Stellan Lindell

私は期待していた方法でこれを行っていた拡張機能を見つけることができなかったので、それを作成しました。先ほど作成した拡張機能をご覧になることをお勧めします。

https://marketplace.visualstudio.com/items?itemName=lacroixdavid1.vscode-format-context-menu#overview

まだいくつかの問題がある可能性がありますので、気軽に報告してください。

4
David Lacroix

現在、それを行う方法はなく、特に便利な機能のように思えません。または、別の言い方をすれば、完全に信頼できる場合はwould便利な機能ですが、それはできません。

使用言語の自動フォーマットロジックに多くの信頼を置き、エラーを引き起こさないようにする必要があります。とにかく手動で変更を確認する必要があるため、このアプローチでは測定可能な生産性の向上は得られません。

真剣にコードベースを操作していて、起こりうる問題を気にしない場合、単純なシェルコマンドを実行することをお勧めしますそれぞれの言語のCLIフォーマッター。 clang-format を使用したC++コードの例:

find . -iname *.cpp -exec clang-format {} +

このコマンドはすべてのcppファイルを再帰的に検索し、デフォルト設定でフォーマッターを介して実行します。

JavaScript( js-beautify を使用)などのプロセスは、どの言語でも基本的に同じです。

find . -iname *.js -exec js-beautify {} +

出てくるものは何でも確認してください。また、このコマンドをVScodeにスクリプト化することも、組み込みのターミナルで実行することもできます。

2
herrbischoff

これは私のために働く

きれいにインストール:

npm init 
npm i prettier

以下を追加script in package.json:

"pretty": "prettier --write \"./**/*.{js,jsx,json}\"" 

この場合のみ、.js .jsxおよび.jsonファイルをフォーマットする必要があります。

スクリプトを実行:

npm run pretty
1

@herrbischoffが言ったように、現在プロジェクト内のすべてのファイルをフォーマットする方法はありません。
ただし、便利な機能です。

できることは、自動保存と自動フォーマットをオンにして、保存されていないすべてのファイルをフォーマットすることです。

それ以外の場合は、これを実行できるシェルスクリプトまたは拡張機能、または他の外部プログラム(エラーを自動修正できるtslintチェッカーなど)が必要になります。

自分でこれに問題があり、すべてのファイルを手で開くのは面倒です

0
user9112752