loading...

I moved on & need help in configuration!! 😞

sathish profile image Sathish ・1 min read

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. β™₯

Discussion

pic
Editor guide
 
 

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.

 

The FiraCode repo contains instructions for VS Code.

 

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. :)

Hi Stephanie,

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

My apologies.

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

 

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.

 

Thanks Nick.

 

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

 

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:

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

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!

 

npm Intellisense

VS code now provides this by default, I think

screenshot

BTW

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

 

Atom keymap is pretty great if you don't want to relearn the hot keys or shortcuts.

Emmet comes preinstalled with VS Code I think.