Must-have VS Code settings for Javascript users

vigu
3 min readJan 19, 2020

--

I hope most of the developers out there using the Visual Studio Code as an editor. Even, I love the editor for its cool DX (Developer Experience), simplicity, many useful extensions, open-source, supports multiple programming languages, easy search, etc.,

Err… Sometimes the same becomes messy when we didn’t use it properly.

Messi :P ?!

I’m more about the result-oriented person but I’m also concerned about the process of getting the result. I always prefer the better DX for the code I write. This time I am not writing about the coding conventions, but its an editor convention.

There is a lot of settings configuration we can do with User Settings and Workspace Settings in the VS code. There are certain things that I feel as ‘must-have User Settings’’ in visual studio code.

Because we may sometimes work with our projects other than formal work. We may work with any coding languages but the editor should look good for us. It’s not only about the theme, something which we don’t care about it but matters the most. For example, the font-size, editor’s zoom level, sidebar, theme, icon-style, tab-size, font-family, indentation, word-wrap, unnecessary whitespaces at the end of each line of code, formatter, etc.,

Probably all the devs use the git as a version manager and I prefer Gitlens as a mandatory extension to use if you work in a team. Read about it…

mandatory settings.json

I have these as my User settings irrespective of my projects. There are certain things that we can add to this concerning the programming languages we use.

I also use some other settings addition to this which is most relevant to my work. I am a React JS developer and I play around with Html, CSS (SCSS/Less), JS, JSON most of the time.

Javascript enabled projects settings

To have this you must have installed the necessary extensions which you can find easily in the marketplace.

Pros:

  1. Removes unnecessary indentation
  2. Good readability of the code
  3. Awesome DX with the team-mates
  4. Avoids the whitespace diffs

Cons:

I don’t feel I have cons in mind right now but I feel if Microsoft + Open Source brings up anyway to have this a personalized editor. Maybe it prompts for signup & stores my settings in the cloud? Isn’t that cool?

#HappyCoding

I’ve been very much influenced by Anoop Raveendran who made this effort to have uniform coding experience in my team :)

I am in the mission of writing content for the budding developers. I am more likable to write about a simple solution for a problem that seems to be tough at first sight but actually, it’s not. If you have such any ideas or faced at your career inception, drop in the comment box.

Please write if you have any queries, ideas or anything to write about in the future.

Here we go with the crazy sign off (please read as you can watch in the youtube channels) Please, Like, Comment, Follow & Subscribe to my blog site!!!

Mind reading about my other blogs? How about reading Snackbar/Toast menu ?!

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

vigu
vigu

Written by vigu

Goal: I’m making a friendship with HTML, CSS & JS | Mission: Trying to write what’s under the hood of UI tech

No responses yet

Write a response