
All these can make our code look really ugly and hard to read, which means hard to maintain.īut, this is where Prettier comes in, it formats our code to look good and readable. Oftentimes the format of our code can quickly be messed up: we wrongly indent our JavaScript code, we write beyond 80 characters per line, and so on. It helps you customize your style guides and be consistent with them. You can configure ESLint yourself or style guides provided by different companies including Airbnb and Google.ĮSLint is easy to set up because of its documentation and it's also very customizable. These errors are generated from syntax errors or violations of the style guide.

Then, you can automatically fixes them or provides options for manually fixing them. It detects errors based on your project configuration. You can now integrate the famous linter into VSCode with this extension. ESLintĮSLint is a popular JavaScript open-source library by OpenJS foundation. And, it works right in VSCode, so no need to navigate between two apps. It is a great replacement for Postman and Insomnia. It also supports GraphQL as well as authentication. Then, responses from your requests can be easily saved to your local disk if needed. So, you can make any requests without any limitation. You can also view the response directly in your editor.Īll HTTP requests (GET, POST, DELETE, PUT, etc) are supported with this extension. REST Client allows you to make and manage HTTP requests. Get helpful content about Full-Stack React development with Next JS and Tailwind CSS. No need to open GitHub's website to manage pull requests or resolve issues anymore, all can be done right in VSCode. You can comment on issues, start working on issues, review and validate pull requests and so much more. With it, you can easily list issues and pull requests from GitHub. GitHub Pull Request extension helps you review your GitHub pull requests and issues directly inside VSCode.

When running a selected code, you should make sure that the selected code doesn't depend on an unselected code as this can lead to an error. It's the perfect extension for playground with instant preview and understand how your code behave in runtime. For example, you can select a function and run that function only. It can run all codes in a file as well as run a selected code. This extension can run codes from over 41 popular languages including JavaScript, Python, and Rust. Code RunnerĬode runner can easily runs your code and produces the results in your VSCode Output (terminal window). They provide unique features which can help you work faster with technologies like Next JS, React JS, Vue, Node JS, JavasScript.

These extensions help you in productivity, efficiency, and consistency. Extensions in Visual Studio Code can make your text editor go from just being a text editor to serving as an IDE. VSCode is the most widely used text editor because of its ecosystem of extensions.
