Hi, I am a MERN developer now but I was a LAMP developer before. But now most of the time I work with React & Express. This post is about my code editor. I tried a lot of code editors & IDE’s. But finally, I am sticking with vscode for more than 1year. Today I’ll describe the extensions I use with vscode.

First I want to mention about eslint which really really helps to write better code. But it comes built-in with vscode nowadays. So it doesn’t need to mention but this is a helpful one to writing better JavaScript codes.

Second I love prettier extension which helps me to auto-format my codes and this saves a lot of time. If multiple people work on the same code then I’ll suggest using a config file for prettier. I mostly work alone on my projects so I don’t use it.

I work with react so I need a react extension for making coding easier. I use ES7 React/Redux/GraphQL/React-Native snippets which gives me a lot of benefits and I use .jsx file format so my vscode gives the jsx super easily!

About the CSS part of React JS I normally use sass or styled component. To do it in a better way I use the vscode-styled-components. This just works as exactly I wanted. So this is a daily extension for me.

Sometimes I make some basics websites too. Because Some of my clients need normal landing pages and I don’t use any extra thing over here. Just HTML CSS & vanilla JS. When I work with the HTML I use the live server extension because it really helps with the changing in real-time and really easy to work with!

About the CSS most of the time I use SCSS so I downloaded live sass compiler which works fine and easy to work with!

Now let’s talk about the theme and icon pack. I use SynthWave ’84 for theme and Helium Icon as icons. I tried a lot of different themes but honestly, I didn’t like anything that much. I like SynthWave ’84 because it’s a really cool vibe. Let me know if you use it too!

This is the most used vscode extensions from my end.

Another one I want to mention is a debugger for chrome. But I use it less.

Also if you are just working with the JavaScript then I’ll suggest using jshint too!

Recap

  • Eslint
  • Prettier
  • ES7 React/Redux/GraphQL/React-Native snippets
  • vscode-styled-components
  • live server 
  • live sass compiler
  • SynthWave ’84
  • Helium Icon
  • Debugger for chrome
  • jshint

Vscode is amazing and I love to use it.

Let me know which ones you use?

If you want to see the instagram version check this out –

View this post on Instagram

This post is about my code editor. I tried a lot of #codeeditors & IDE's. But finally I am sticking with #vscode for more than 1year. Today I'll describe about the #extentions I use with vscode. First I want to mentioned about #eslint which really really helps to right better code. But it's comes built in with vscode now a days. So it doesn't need to mentioned but this is really a helpful one to writing better #javascript codes. Second I love #prettier extention which helps me to auto format my codes and this save a lot of time of mine. I work with react so I need a #reactjs extention for making coding easier. I use Es7 #react /#redux /#graphql /#reactNative snippets. I use #liveserver extentions to make my #html5 live anytime. This can do with helps of npm but I prefer directly from vscode. Then I use Live #sass Complier because I like use sass instead of writing just #css Now lets talk about theme and icon pack. I use SynthWave '84 for theme and Helium Icon as icons. Other two packages I want to mention is about @tailwindcss and #styledcomponents This is most used vscode extentions from my end. Another one I want to mention is debugger for chrome. But I use it less. Also if you are a #javascriptdeveloper #newbie then I'll suggest to use #jshint Vscode is really amazing and I love to use it. Let me know which one you use?

A post shared by Website Developer & Mentor (@nerd_jfpb) on

I’ve started a programming community on discord. Click to join.

I’ve two free PDF tutorials for you

I also provide paid one-to-one mentor-ship about programming. Knock me up for classes if you need any.

Don’t afraid to ask me anything, message me anytime on social media.

Find me on social media – twitter, linkedin, instagram