code-formatting - visual - vscode php formatting




Visual Studio Code(VSCode)でコードをどのようにフォーマットしますか (20)

  1. ファイルを右クリック
  2. メニューボックスから[ ドキュメントの書式設定] Alt + Shift + F )を選択します。

Visual StudioのWindowsで Ctrl + K + F および Ctrl + K + D に相当するのは、Visual Studioコードエディターでのコードの書式設定または「美化」です。


Fedoraの場合

  1. [ File Preferences -> [ Preferences -> [ Keyboard shortcuts Preferences クリックし File
  2. [ Default Keyboard Shortcuts ]で editor.action.format 検索( Ctrl + F )し editor.action.format

私が読む "key": "ctrl+shift+i"

変更することもできます。 方法については、 share を参照し share ください。または、少し上にスクロールするのが面倒だと感じている場合は、

「設定」->「キーボードショートカット」でキーバインドを追加できます

{ "key": "cmd+k cmd+d", "command": "editor.action.format" }

または、次のようなVisual Studio:

{ "key": "ctrl+k ctrl+d", "command": "editor.action.format" }

注: cmd キーはMac専用です。 WindowsおよびFedora(Windowsキーボード)の場合は Ctrl

編集

Visual Codeバージョン 1.28.2 これが私が見つけたものです。

editor.action.format はもう存在しません。 現在は、 editor.action.formatDocument および editor.action.formatSelection 置き換えられています。

検索ボックスに「 editor.action.format と入力して、既存のショートカットを表示します。

キーの組み合わせを変更するには、次の手順を実行します。

  1. editor.action.formatDocument または editor.action.formatSelection クリックし editor.action.formatDocument
  2. ペンのようなアイコンが左側に表示されます-クリックします。
  3. ポップアップが表示されます。 目的のキーの組み合わせを押して、Enterキーを押します。

Linux上のVisual Studioコード:

コードのブロックのインデントを解除するには Ctrl + [

Ctrl + ]で 大量のインデントを作成します


Mac OS X、 DNVM 、および DNVM Mono をインストールするまで、C#のフォーマットショートカットは機能しませんでした。

Monoをインストールする前は、自動フォーマットショートカット( Shift + Alt + F )は .json ファイルに対してのみ機能してい .json


Macでは、 Shift + Alt + Fが 有効 です。

メニューでキーの割り当てをいつでも確認できます。

メニュー ファイル 環境設定 キーボードショートカット とキーワード 'format'によるフィルター。


Macでは、 + K を使用してから + Fを使用し ます。


Ubuntuでは、 Ctrl + Shift + I です。


Visual Studio Code 1.6.1 は、「 保存時にフォーマット 」をサポートし ます 。これは、関連するインストール済みフォーマッタ拡張機能を自動的に選択し、保存するたびにドキュメント全体をフォーマットします。

設定により「保存時にフォーマット」を有効にします

"editor.formatOnSave": true

また、使用可能なキーボードショートカットがあります(Visual Studio Code 1.7以降 ):

文書全体をフォーマットする Shift + Alt + F

フォーマット選択のみ Ctrl + K Ctrl + F


Visual Studio Codeのデフォルトの動作を変更するには拡張が必要ですが、ワークスペースまたはユーザーレベルでデフォルトの動作をオーバーライドできます。 サポートされているほとんどの言語で動作します(HTML、JavaScript、C#を保証できます)。

ワークスペースレベル

利点

  • 拡張機能は必要ありません
  • チーム間で共有できます

成果

  • .vscode/settings.json はプロジェクトのルートフォルダーに作成されます

の仕方?

  1. 移動:メニュー ファイル 設定 ワークスペース設定

  2. "editor.formatOnType": true をsettings.jsonに追加して保存します(これは、.vscode / settings.jsonファイルを作成することにより、作業するプロジェクトのデフォルトの動作をオーバーライドします)。

ユーザー環境レベル

利点

  • 拡張は必要ありません
  • すべてを支配するための個人開発環境tweeking(設定:))

成果

  • ユーザーの settings.json が変更され settings.json (以下のオペレーティングシステムごとの場所を参照)

の仕方?

  1. 移動:メニュー ファイル 設定 ユーザー設定

  2. ユーザーsettings.jsonで "editor.formatOnType": false"editor.formatOnType": true に追加または変更します。

Visual Studio Codeユーザーの settings.json 場所は次のとおりです。

プラットフォームに応じた設定ファイルの場所。ユーザー設定ファイルは次の場所にあります。

  • Windows: %APPDATA%\Code\User\settings.json
  • Mac: $HOME/Library/Application Support/Code/User/settings.json
  • Linux: $HOME/.config/Code/User/settings.json ワークスペース設定ファイルは、プロジェクトの.vscodeフォルダーの下にあります。

詳細は here


Visual Studio Code(Ubuntu)で使用する最も簡単な方法は次のとおりです。

書式設定するテキストをマウスで選択します。

右クリックして、 「フォーマット選択」 を選択します。


format-documentのスタイルをカスタマイズする場合は、 Beautify エクステンションを使用する必要があります。

このスクリーンショットを参照してください:


これじゃない。 これを使って:

メニュー ファイル 設定 ワークスペース設定 「editor.formatOnType」 true


コードの書式設定は、次のショートカットを使用してVisual Studio Codeで利用できます。

  • Windowsの場合 Shift + Alt + F
  • Macの場合 Shift + Option + F
  • Ubuntuで Ctrl + Shift + I

または、 Ctrl + Shift + P (Macの場合は Command + Shift + P )を使用してエディターで提供される検索機能を使用して、他のショートカットと同様にショートカットを検索し、 フォーマットドキュメントを 検索し ます


テキストを右クリックして、「コードのフォーマット」を選択します。

Visual Studio Codeは内部的に js-beautify を使用しますが、使用するスタイルを変更する機能がありません。 拡張機能「beautify」を使用すると、設定を追加できます。


デフォルトでは、このキーはHTML、CSS、およびJavaScriptドキュメントでは機能しませんでした。

検索した後、 133,796がインストール された人気のあるプラグイン JS-CSS-HTML Formatter 見つけました

インストール後、ウィンドウをリロードして Ctrl + Shift + Fを 押す だけでうまくいきました!


メニュー ファイル 設定 設定

"editor.formatOnType": true

セミコロンを入力すると、フォーマットされます。

または、 "editor.formatOnSave": true 使用することもでき "editor.formatOnSave": true



最初に適切なプラグイン(XML、C#など)をインストールする必要があります。

関連するプラグインをインストールし、適切な拡張子でファイルを保存するまで、フォーマットは使用できません。


Shift + Alt + F は、1.17.2以降では問題なく機能します。


コードの書式設定のショートカット:

Windows上のVisual Studioコード -Shift + Alt + F

MacOS上のVisual Studioコード -Shift + Option + F

UbuntuのVisual Studioコード -Ctrl + Shift + I

必要に応じて、基本設定を使用してこのショートカットをカスタマイズすることもできます。

ファイルの保存中のコードのフォーマット:

Visual Studio Codeを使用すると、ユーザーはデフォルト設定をカスタマイズできます。

保存中にコンテンツを自動フォーマットする場合は、Visual Studio Codeのワークスペース設定に以下のコードスニペットを追加します。

メニュー ファイル 設定 ワークスペース設定

{
    // Controls if the editor should automatically format the line after typing
    "beautify.onSave": true,

    "editor.formatOnSave": true,

    // You can auto format any files based on the file extensions type.
    "beautify.JSfiles": [
        "js",
        "json",
        "jsbeautifyrc",
        "jshintrc",
        "ts"
    ]
}

注:TypeScriptファイルを自動フォーマットできるようになりました。 更新を確認してください。