Top 5 VSCode Extensions For Javascript

1. Quokka

Quokka makes prototyping, learning, and testing JavaScript / TypeScript blazingly fast. By default no config is required, simply open a new Quokka file and start experimenting. Focus on writing code instead of writing bespoke config files just to try a simple idea or learn a new language feature.

Unlike online REPL tools and standalone playgrounds, Quokka allows you to execute your code right in your editor allowing you to avoid context switching while benefiting from your familiar editor environment and editor extensions. You can also import and execute files and modules directly from your project.

2. Prettier

So why choose the “Prettier style guide” over any other random style guide? Because Prettier is the only “style guide” that is fully automatic. Even if Prettier does not format all code 100% the way you’d like, it’s worth the “sacrifice” given the unique benefits of Prettier, don’t you think?

3. ESLint

ESLint statically analyzes your code to quickly find problems. ESLint is built into most text editors and you can run ESLint as part of your continuous integration pipeline. Many problems ESLint finds can be automatically fixed. ESLint fixes are syntax-aware so you won’t experience errors introduced by traditional find-and-replace algorithms.

Preprocess code, use custom parsers, and write your own rules that work alongside ESLint’s built-in rules. You can customize ESLint to work exactly the way you need it for your project.

4. Path Intellisense

Path Intellisense will help when referencing file paths. All you have to is start typing a path inside of quotes and you’ll get intellisense for folder and file names.

5. Better Comments

The Better Comments extension will help you create more human-friendly comments in your code. This can very useful when working on projects with a team of other developers to help everyone stay on track with what needs to be done and what has already been done. With this Better Comments, you will be able to categorize your annotations into:

As a student of Flatiron School, I find these extensions to be very useful. I’m a baby in the software development world, so if you have any more extensions that you feel I should know about, feel free to leave a comment!

Related posts:

As the team continues to try navigating the mental health space and figuring out where we can make a difference, something is becoming very apparent — it’s really hard. Like, really really hard. None…

Measurement is at the heart of scientific and technological progress. When we can detect and quantify a signal or variable more accurately, new discoveries about nature and how She works often…