You can accomplish this by following the How to Install Node.js and Create a Local Development Environment for your machine.

The latest version of Node installed on your machine.

The latest version Visual Studio Code installed on your machine.

To complete this tutorial, you will need the following: You will also configure ESLint to automatically fix syntax errors when you save your files. In this tutorial, you will set up ESLint on Visual Studio Code and implement a custom configuration to deal with log statements in debugging. This means that you can customize how your code is evaluated. ESLint is a linter that you can integrate into your Visual Studio Code setup in order to ensure code integrity.ĮSLint can both format your code and analyze it to make suggestions for improvement. Linters check your code for syntax errors and highlight errors to make sure you can quickly find and fix them. You can use this shortcut to open the list directly.When writing JavaScript with an editor such as Visual Studio Code, there are different ways you can ensure your code is syntactically correct and in line with current best practices. It will pop up the list where you can select the appropriate language.Īs you can see in the Command Palette, there’s a default shortcut to change the language mode. Use the shortcut Ctrl+Shift+P and start typing “Change Language Mode”. Click on this and select the appropriate language from the list.Īs for every action in VS Code, you can use the Command Palette. Manually change the language modeĪt the bottom right of the editor, you’ll see “Plain Text” written. To add relevant colors, you need to select the correct “language mode”.

So it’s just a big lump of text, without any syntax. If everything is grey, chances are your file is highlighted as a “plain text”. This is not about editor theme or something, it’s called the syntax highlighting. This is a legit question you have to face when you start using this editor. Everything looks grey and it seems that VS Code doesn’t “understand” your code. Sometimes you end up here because you copy pasted some code from the Internet. But you don’t have these nice colors that differentiate the variables from the properties, the functions, etc. Maybe it’s CSS, maybe it’s JavaScript, maybe it’s Python.

You might be in a situation where you have a text file open in VS Code, but everything is grey.

Visual studio code format color comment