I blog on fullstack related stuff with Laravel, Vue, Nuxt...

Written on January 1, 1970

My VSCode settings that I update from time to time.

I regularly add my VSCode tweaks and settings on this page in order to keep them on track. I always forget what I tweaked, enabled or not so I decided to centralize them here.

Make brackets highlight less obtrusive

By default brackets highlighting might be too distracting. By setting "editor.matchBrackets" to "near", highlighting will be triggered only when cursor is adjacent to a bracket.

"editor.matchBrackets": "near",
"workbench.colorCustomizations": {
  "editorBracketMatch.border": "#657",
}

Emmet expand tags in blade files

Preferences > Settings > Extensions > Emmet

Emmet: Include Languages -> "blade": "html"
"emmet.includeLanguages": {
    "blade": "html"
}
"emmet.showSuggestionsAsSnippets": true,

Remove distracting UI

"breadcrumbs.enabled": false,