2016-12-26 199 views
3

我使用的Laravel所以所有的意見都是.blade.php文件。由於PHP擴展,Visual Studio代碼不會格式化HTML。我刪除了文件名的刀片部分,但它仍然沒有正確格式化文件(通過Alt + Shift + F)。如何在Visual Studio代碼中使用HTML標記格式化PHP文件?

我也嘗試了五個擴展,但沒有一個做重新格式化。

如何在Visual Studio代碼中格式化.blade.php文件?

+0

可能的[VSCode格式代碼命令爲PHP/HTML]重複(https://stackoverflow.com/questions/32236030/vscode-format-code-command-for-php-html) –

+0

VS代碼有HTML智能感知輸出爲了使用這個插件爲你的目標轉到主菜單 - 文件/首選項/設置,然後添加到你的用戶設置這個:「files.associations」:{「* blade.php」:「html 「}它可以用於任何模板擴展,樹枝等。即使不重新啓動VS Code,它也可以開始工作。 – vinsa

回答

4

擴展美化只是做的非常好,無論是添加php和任何其他文件擴展名類型,如上面說這裏的配置是一個例子:

  1. 到用戶設置(CTRL +逗號)
  2. 在上面的字段中搜索美化,並確定線條美化。語言,然後在鉛筆圖標中單擊左側,然後單擊設置中的替換。它會將配置添加到右側(用戶設置)。
  3. 爲HTML部分只需添加php和blade.php

enter image description here

否則:你也可以直接做到這一點,類型F1然後寫美化,則汽車完成給你兩個選擇美化選擇美化文件選擇你需要的那個,它會完成這項工作。這是一個直接的方式

enter image description here

您也可以添加鍵綁定鍵盤快捷鍵,這裏如何做到這一點:

  1. 開放keybindings.json(去文件>首選項>鍵盤快捷鍵
  2. 點擊上方打開並編輯鍵排序s.json
  3. 添加以下到閉合括號[]

    {
    「鍵」: 「ALT + B」
    「命令」:「HookyQR。美化」,
    ‘時’:‘editorFocus’
    }

選擇想要的任何鍵,並確保您不會覆蓋和現有的一個,在左側,如果它首先搜索存在與否。

enter image description here

注意,所有這些事情都是有據可查的擴展的描述。

4

我認爲beautify可能會訣竅。只需將「php」和/或「blade.php」添加到其配置的HTML部分即可美化PHP/Blade視圖文件。適合我!

0

Beautify確實解決了這個問題!許多人在HTML配置文件中添加「blade.php」和「php」Beautify無法識別並手動選擇HTML模板。相反,只需將「刀片」添加到HTML配置即可解決所有問題。

相關問題