How can I enable IntelliSense for JavaScript inside HTML?

Question

I want to use VS Code to try out the examples of a JavaScript book, but there's no IntelliSense, or at least I don't know how to activate it.

In Visual Studio this feature works out of the box :

But in VS Code, all I got is a message saying "No suggestions."

What do I need to do to enable IntelliSense in VS Code?

Annis

Answer 1

Currently Unsupported

JS intellisense doesnt work in HTML script tag - VSCode GitHub Issues #4369

Smart Javascript suggestions inside HTML files no loger working after Visual Studio Code update - StackOverflow

Recess

sad but it's true :( – Annis

It's supported from version 1.8, please see my answer below. – Gwenny

@Axel: not sad, and not true — see the answer below https://mcmap.net/q/477526/-how-can-i-enable-intellisense-for-javascript-inside-html – Decahedron

Answer 2

Starting with the November 2016 (version 1.8) release, Visual Studio Code now fully supports IntelliSense for JavaScript in HTML.

Note that the language support doesn't follow script includes, it only knows about definitions made in the same file.

Gwenny

Answer 3

It worked for me, when the file had a .js extension. I didn't get any intellisense when I pasted it into .html file between script tags.

Edit To Add: You can also change the Language Mode by clicking 'HTML' in the bottom of the VS Code window and change it to 'JavaScript'.

Mablemabry

That's not a working solution for me. Should be able to have both html and javascript intellisense in one file, as for html files this is fairly common. – Builder

It appears that currently this feature is no longer supported since the adoption of Salsa. – Recess

Answer 4

It is supported!

Intellisense and syntax highlighting start working after replacing

<script>something()</script>

with

<script type="text/javascript">something()</script>

Decahedron

Simple and easy. Best solution so far. – Veteran

Answer 5

Make sure you have HTML language mode selected in the bottom right corner. I had Markdown mode set for an unknown reason (autodetect?) and it didn't work for me. Javascript mode won't work either for HTML files.

Delicate

Answer 6

Visual Studio Code version 1.4.0 does not support CSS intelli-sense.

I have an extension for CSS style, id and class intelli-sense for html documents:

Features:

• Style tag completion and hover.
• Style attribute completion and hover.
• Id attribute completion.
• Class attribute completion.
• Scans workspace folder for css files.
• Supports optional resource.json file for fine tuned resource selection.

Link:

https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css

Sachsse

At least understand the question before self-promoting. – Consonantal