Visual Studio for Mac.NET. Azure DevOps Server (TFS) 4. Js intellisence, commenting, indenting not working. Windows 10.0 visual studio 2017 rc JavaScript intellisense. Morten reported Nov 18, 2016 at 11:52 AM. Show comments 7. This issue is read only, because it has been in Closed–Fixed state for over 90 days. Next load up Visual Studio. Once loaded navigate to Tools Options. Then when the Options window appears expand Text Editor on the left and then also expand the JavaScript and IntelliSense tabs, before settling on References (as shown below).

1. Visual Studio Javascript Intellisense Not Working
2. Ts1084 Visual Studio
3. Visual Studio 2019 Javascript Intellisense Not Working
4. Visual Studio Javascript Intellisense
5. Visual Studio Javascript Intellisense Not Working

After a while since I had installed VS Code, I started to work on a nodejs project. As I started development, I started to realise that the intellisense of VS Code was just not up to the high standards that I had expected. Infact, it was just plain poor. There was no option even to rename an element, no ‘lightbulb’, no options when right-clicking an element:

I knew that some setting was not configured properly. So after digging up the Visual Studio Code website for javascript configuration, I came up with what was wrong.

There is a built-in extension called TypeScript and JavaScript Language Features (vscode.typescript-language-features) that is disabled.

To enable it, go Extensions.

Click the dotted button in the Extensions panel:

And click Show Built-in Extensions from the dropdown box.

Visual Studio Javascript Intellisense Not Working

In the search box, type @builtin TypeScript and JavaScript Language Features

When the extension appears, Enable it.

Now you should be able to see the list of options for making your coding life easier:

One of the most impressive parts of Visual Studio Code is customizability, especially via extensions. I won't cover framework specific extensions, but here are some of the best extensions in VS Code for writing JavaScript.

Check out Learn Visual Studio Code to learn everything you need to know about about the hottest editor in Web Development for only $10!

JavaScript (ES6 Code Snippets)

Snippet extensions are one of the most popular categories of extensions, and this one follows suit. It includes snippets for modern ES6 JavaScript, which is what you should be writing (or learning if you haven't already). Although this snippet is not specific to any framework, these snippets can be triggered from severl different file types.

• JavaScript (.js)

• TypeScript (.ts)

• JavaScript React (.jsx)

• TypeScript React (.tsx)

  BeginnerTailwind.comLearn Tailwind CSS from Scratch

• Html (.html)

• Vue (.vue)

Here are a couple of my favorites that you should try out!

• imp - import a module
• imd - import a named export
• fre - generate for each loop through array
• anfn - generate anonymous function
• thenc - add then and catch declaration to a promise

There are many others, so go give them a try!

Quokka

Have you ever wanted to test out a function or play around with some JavaScript code? Sometimes you can test right in the Chrome Dev Tools console, sometimes you'll open up a CodePen. With Quokka.js, you can create a scratchpad right inside VS Code!

Test out your JavaScript quickly and easily with Quokka.js.

Prettier

An opinionated code formatter that can format your JavaScript code automatically. By having Prettier installed, you never have to worry about formatting; just let the computer take care of it!

It can be a little hard to get used to having your formatting handled for you as I'm sure a lot of devs have their own style that they like. Having Prettier on a team ensures that everyone follows the same style of coding.

Debugger for Chrome

Although console.log() has its place, it's not the best way to debug. Chrome has debugging tools built in, but did you know you can also debug directly in VS Code using this extension?

I personally prefer to debug using this extension. This means that I can stay inside of the editor that I'm used to, make changes on the fly, etc. You can do most of the things that you would expect when debugging.

• set breakpoints
• step through lines of code, function calls, etc.
• watch variables
• view your console output

ESLint

With so many amazing tools out there, you should not be stressing over formatting your code. ESLint is one of many that can auto-format your code (on save if you choose). Additionally, the linting aspect can 'yell' at you (for lack of a better word) to encourage or require to follow certain guidelines.

ESLint or TSLint (for TypeScript) are often configured with many starter projects, so you may not even have to configure it yourself. Just by creating a new project and opening it up in VS Code, you'll have all the help you need to write consistent code!

Import Cost

If you're worried about the size of the packages and modules that you import into your app, check out this extension! Next to your import statements you will see the size of the package you are importing. This is a great way to ensure the size of your app bundles is as small as possible!

Path Intellisense

When trying to reference a file in your workspace, it can be tough to remember exact file paths and names. I try to keep my menu bar in VS Code closed most of the time (to maximize code real estate), so I hate having to open the file explorer just to double check where a file is located. That's where Path Intellisense comes in!

This extension will provide you intellisense 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.

View Node Package

Click on your require or import lines in your code and click straight to the GitHub repo.

Ts1084 Visual Studio

Very helpful when you want to jump to GitHub to view some source code or look through docs/issues.

Visual Studio 2019 Javascript Intellisense Not Working

Better Comments

This extension is probably the least popular of the bunch, but I personally find it incredibly useful. So, you know when you have a piece of code you need to implement or finish later? Or you you want to mark a piece of code as deprecated? Or you have a question for another developer about a piece of code?

This extension will provide color coded comments to solve all of the above. Here's a list of the available color codes.

• Alerts
• Queries
• TODOs
• Highlights

NPM Intellisense

Visual Studio Javascript Intellisense

Ever gone to import a package and forgot exactly what the name is? Well, no more! This extension will provide package intellisense when importing based on the NPM packages that you have installed.

Visual Studio Javascript Intellisense Not Working

Wallaby.js

Run your tests as you code! From the people that brought us Quokka.js, here's a cool tool to speed up your development.

Conclusion

Got any more awesome JavaScript extensions? Let us know down in the comments and we'll add it to this post as extra mentions.

Thanks for reading!

Like this article? Follow @jamesqquick on Twitter