DEV Community

I moved on & need help in configuration!! 😞

Sathish on January 29, 2018

I hereby, decided to shift to VS Code from Atom Editor after having some performance issues with her (Atom). So, I'm now into Code. What are some ...

Read full post

Anas Tawfik • Jan 30 '18 • Edited

This might help:
dev.to/nickytonline/my-visual-stud...

Stephanie Handsteiner • Jan 29 '18 • Edited

Regarding the ligatures, did you set “editor.fontLigatures“ to true in your settings.json?

I am using the nord-theme, here's the one for VS Code, works great with PHP and JavaScript.

Jakob Christensen • Jan 30 '18 • Edited

The FiraCode repo contains instructions for VS Code.

Stephanie Handsteiner • Jan 30 '18

Note for me: Next time, look in the repos wiki before writing a comment. 😁

Makes sense for them to have the fonts repo's wiki filled with that information, though. :)

Jakob Christensen • Jan 31 '18

Hi Stephanie,

I did not mean to diss your comment. I only meant to complement it :-)

My apologies.

Stephanie Handsteiner • Jan 31 '18

No worries, I didn't take it as a diss. ;-)

Nick Taylor • Feb 11 '18 • Edited

Sathish, I don't do PHP dev myself, but I came across this today. I thought you might find it helpful. It appears to be a free video series about getting set up for PHP dev with Visual Studio Code.

Jim Shannon

@jshannon63

@dayvisson_v Check out laracasts.com/series/visual-…

22:31 PM - 10 Feb 2018

11

Sathish • Feb 12 '18

Thanks Nick.

Sathish • Feb 12 '18

I use VS Code for PHP and JS development where PHP is professionally and JS is my hobby.

Yokim Pillay • Jan 29 '18 • Edited

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"
    },