All you need for VSCode Laravel Setup

Visual Studio Code

    "extensions.ignoreRecommendations": true,
    "typescript.check.npmIsInstalled": false,
    "editor.tabSize": 4,
    "editor.insertSpaces": true,
    "emmet.syntaxProfiles": {
        "blade": "html"
    "workbench.activityBar.visible": true,
    "editor.minimap.enabled": false,
    "workbench.panel.location": "right",
    "explorer.openEditors.visible": 0,
    "editor.detectIndentation": false,
    "git.confirmSync": false,
    "git.autofetch": true,
    "window.zoomLevel": 0,
    "explorer.confirmDelete": false,
    "todohighlight.keywords": [
            "text": "NOTE:",
            "isWholeLine": false,
            "color": "#ff0000",
            "backgroundColor": "yellow",
            "overviewRulerColor": "magenta"
            "text": "TODO:",
            "isWholeLine": true,
            "color": "white",
            "border": "1px solid #FFFFFF",
            "borderRadius": "20px",
            "backgroundColor": "#48b0f7",
            "overviewRulerColor": "#48b0f7"
    "todohighlight.defaultStyle": {
        "color": "#FFFFFF",
        "backgroundColor": "#ff6a00"
    "todohighlight.isEnable": true,
    "[html]": {
        "editor.defaultFormatter": "lonefy.vscode-JS-CSS-HTML-formatter"

Required Plugins

  • Bookmarks
  • GitLens
  • indent-rainbow
  • Laravel Blade Snippets
  • SCSS IntelliSense
  • TODO Highlight
  • Wakatime
  • PHP Intelephense
  • snippet-creator

Leave a Reply

Your email address will not be published. Required fields are marked *

The reCAPTCHA verification period has expired. Please reload the page.