Sathish

Posted on Jan 29, 2018 • Updated on Sep 9

I moved on & need help in configuration!! 😞

#discuss #code #atom

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 great Editor theme - Syntax theme - Font type and other extension for a web developer. I can't find Emmett in VS Code till now. The Fira Code ligratures are also not working in Code.

The languages I work on are PHP & JavaScript.

I'm sorry atom. We really had a good relationship. It's time for me to move on.

I'll still love you. ♥

Top comments (12)

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