vscode needs to support html/js/css mixed mode

[evolve2k]

For frontend development I often need embed html inside JS files, or vice verse, etc, i.e. the mixed code snippet mode. vscode really should be able to detect these html/js segments instead of just depending on a simple file type, and then apply intellisense and indentation to these segments.

now, if I embed script into html, or put some html into javascript, all the vscode smartness are lost for those embedded code.

Reopening #41066

[rmunn]

If I'm reading #1751 (comment) correctly, the VS Code developers would prefer that bugs like this be filed in the repo(s) of the relevant language service(s), e.g.:

• https://github.com/Microsoft/vscode-html-languageservice
• https://github.com/Microsoft/vscode-css-languageservice
• I don't know which repo the Javascript/Typescript language service is in, sorry

[aeschli]

https://github.com/microsoft/vscode is the correct repo for the HTML, CSS and TypeScript extensions.

Can you give a concrete example? Add a code snippet, what the file name is and what language mode the editor shows (on the toolbar).

The HTML language extension has support for embedded CSS and JavaScript. So that should all work, as long as you are editing a HTML file and your editor mode is 'HTML'. Note that there are HTML like languages that don't have script/style support, so please check the language mode in the status bar, and also try with extensions disabled.

The TypeScript language extension has support for JSX tags.