web-dev-qa-db-ja.com

Visual StudioコードでのRazorファイルのフォーマット

VSCode内でRazorファイルをフォーマットするための良い解決策はありますか？ prettify-vscodeとbeautifyで動作させてみました。ただし、どちらの場合でも、cshtmlファイルを認識できません。かみそりの多くが失われるので、かみそりをhtmlに変更したくありません。

razorvisual-studio-code
16
Shawn Wildermuth

サードパーティの拡張機能なしで、それらをHTMLファイルとして導入できます（[ファイル]-> [設定]-> [設定]）。

{
  "editor.formatOnSave": true,
  "emmet.includeLanguages": {
    "razor": "html"
  },
  "files.associations": {
    "*.cshtml": "html"
  }
}

更新：C# for Visual Studio Codeアドオンのv1.17.0に、C＃の完了と診断をサポートするプレビューRazor（cshtml）言語サービスが追加されました。

30
VahidN

ショートカットによって言語モードをすばやく切り替えることができる拡張機能があります。 changeLanguageMode.change

Js、html、cshtmlにこれらのショートカットを使用します。

 {
    "key":"ctrl+k j", 
    "command":"changeLanguageMode.change", 
    "args": {
        "languageId":"javascript"
    }
},  
{
    "key":"ctrl+k h", 
    "command":"changeLanguageMode.change", 
    "args": {
        "languageId":"html"
    }
},  
{
    "key":"ctrl+k k", 
    "command":"changeLanguageMode.change", 
    "args": {
        "languageId":"aspnetcorerazor"
    }
}

keybindings.jsonを開いてこれらのショートカットを追加するには：

でコントロールパレットを開きます CTRL +SHIFT + P Preferences: Open Keyboard Shortcuts Fileを選択します。

次に使用する Ctrl + K、 Ctrl + F フォーマット選択のみ。

0
Kia.g