Edit ~/.vscode/extensions/hookyqr.beautify-1.5.0/node_modules/js-beautify/js/src/html/beautifier.js (Linux/MacOS) or %USERPROFILE%\.vscode\extensions\hookyqr.beautify-1.5.0\node_modules\js-beautify\js\src\html\beautifier.js (Windows) and do the following:. Beautify seems to format that as JavaScript. The only solution I've found that will actually attempt to indent blade directives mixed with html in a blade file is a hack for the beautifier javascript from the Beautify extension, done by Faizal Nugraha.Įdit: This doesn't appear to support formatting of blade directives inside an html tag, though. In " User settings" > " Extensions" > " Blade Configaration" check the option Enable format blade file. Please make sure you are using the latest version and " Laravel Blade Snippets" Extension installed.ģ. Update: Seems updated version adds an option to enable blade formatting in the user settings. 
And commenting in code is always a good thing. Moreover, you can easily manage those by putting a line comment in between your blade blocks. However, if your codes grow that's won't be a problem. Update: There are still some issues in formatting html with blade code, the formatter tend to bring blade codes in a single line while executing format command. In the settings overwrite panel past the following snippet Please update your Visual Studio Code to latest version. When you add settings into de-workspace file, the settings will only be available for the current workspace.First go to "Visual Studio Code" Settings and search for the option " files.associations" If that option is not available in your settings.
You can add the settings by adding a key named "settings" in JSON. When you save the workspace, it creates a file called de-workspace. Note that in this way, you don't have a settings.json. If you have opened a workspace ( File -> Open Workspace to open or saved using File -> Save Workspace As.), here are the steps to change Create a file named settings.json in that folder and add your settings there. If you have opened a folder ( File -> Open Folder), here's the way to add settings.json in the folder. 
You can add the settings to this file (may be given by a extension) and make all of these settings global.
Linux $HOME/.config/Code/User/settings.json. macOS $HOME/Library/Application Support/Code/User/settings.json. Windows %APPDATA%\Code\User\settings.json. File -> Preferences -> Settings -> Extensions -> Scroll down and find "Edit in settings.json". 
Therefore it will affect all of your projects. You can change the settings.json from your user preferences.
in Workspace in User Preferences (Global). In Visual Studio Code becuase of not understanding there are different ways for different situations.Īs I figured out, there are three ways to edit settings.json I got stuck yesterday when I was trying to change the settings.json How to edit settings.json in Visual Studio Code?
0 kommentar(er)
