Accéder au contenu principal

Visual Studio Code: Formate and beautify PHP files and Laravel blade files with HTML markup on them (Formate the HTML)

The extension beautify just do it very well, either add php and any other file extension type to the config as said above here is an example :
  1. go to user settings (CTRL + comma)
  2. search for beautify in the field above, and identify the line beautify.language, then click left in the pencil icon and click replace in settings. It will add the config to the right (user settings).
  3. for html section just add php and blade.php
enter image description here
OTHERWISE: you can also do it directly, type F1 then write beautify, the auto completion give you two choices beautify selection or beautify file. Choose the one you need, and it will do the job. that's a straight direct way.
enter image description here
You can also add a keybinding to have a keyboard shortcut, here how to do it:
  1. open keybindings.json (go file>preferences>keyboard shortcuts)
  2. click in above open and edit keybindings.json
  3. add the following into the closed brackets []
    {
    "key": "alt+b",
    "command": "HookyQR.beautify",
    "when": "editorFocus"
    }
choose any key you want, and make sure you don't override and existing one, search first in the left side if it exist or not.
enter image description here
note that all of those things are well documented on the description of the extension.


That was  an answer for a thread in StackOverflow i have given, you  can see that here:
https://stackoverflow.com/questions/41330707/how-to-format-php-files-with-html-markup-in-visual-studio-code/46855721#46855721

Commentaires

Posts les plus consultés de ce blog

VSCODE: change all occurence quickly one write

as you can see, we can use the shortcut CTRL+F2  (make sure there is now other program using that shortcut, you can change that or add another keybinding too) How it work? => we select a word, then CTRL+F2 then all the occurrence get automatically selected and so we will get a cursor at each occurrence. if we start writing, we write over each occurence

Python, BeautifulSoup: select the only text in mutli-Imbriqued childs

< div id="parrent" > < ul > < li > < span > < span > hi, i want you to get me!!!! </ span > </ span > </ li > < li > < span > me too please!!!! </ span > </ li > </ ul > </ div >  Imaging in the example above we want to get all the texts withing the li, note there is only one text by li, but can be imbricated into multiple levels Tags. So how we get it using BeautifulSoup of course. the protperty .string don't do the job, here is a resume about .string:   If a tag has only one child, and that child is a NavigableString , the child is made available as .string : (a navigable string is such a text within a tag) for ex: < span > me too please!!!! </ span > here if we have a soup of span , and we call .string then it give as " me too please!!!! ...