Discussion on: I moved on & need help in configuration!! 😞

[Yokim Pillay]

Emmet is a factory extension included with VSCode.

It needs some setting up initially (or I had to, at least). I use Laravel and Vue.js, so I had to include these settings in my User Settings, yours might be different, depending on your preference/tools:

    "emmet.triggerExpansionOnTab": true,
    "emmet.showAbbreviationSuggestions": true,
    "emmet.showExpandedAbbreviation": "always",
    "emmet.includeLanguages": {
        "vue-html": "html",
        "vue": "html",
        "blade": "html"
    },
    "emmet.syntaxProfiles": {
        "blade": "html"
    },

With regards to PHP configuration, I'm using the following:

• PHP Intellisense (great autocomplete and refactoring extension)
• PHP Namespace Resolver (I use this to import classes)
• php cs fixer (I use this to help formatting on my PHP files)

On the Javascript side, I'm using the following:

• npm Intellisense (really helpful imports for npm packages)
• ESLint (VSCode support for ESLint formatting and linting)
• Babel Javascript (adds syntax highlighting for today's Javascript)

I installed an extension called Rainglow, this adds a plethora of really beautiful colour themes for VSCode, I'm currently using "Halflife".

Hope this helps!

[Saurabh Sharma]

npm Intellisense

VS code now provides this by default, I think

BTW

theme: Dracula official
icons: material icons
font: Operator Mono