Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

visual studio code - syntax highlighting for html strings?

enter image description here

I've been trying to solve this problem for 3 days already but I can't seem to find any extension to have syntax highlighting for strings that used backticks(I don't know what is the general term for this kind of strings). But if there are no extensions to enable syntax highlight for this kind of strings, is there any settings for vscode that enables me to syntax higlight?

like image 898
anaval Avatar asked Dec 06 '16 00:12

anaval


People also ask

How do I enable syntax highlighting in Visual Studio Code?

Launch VS Code Quick Open ( Ctrl+P ), paste the following command, and press enter. Adds syntax highlighting and language support for html inside of JavaScript and TypeScript tagged template strings, such as used in lit-html and other frameworks. Syntax highlighting of inline html blocks.

Does Intellisense support syntax highlighting for HTML?

Syntax highlighting and IntelliSense for html inside of JavaScript and TypeScript with tagged template strings. Supported tags for template strings: handledom. Notice: This is a fork of vscode-lit-html, the purpose is to support HTML for template engines like Vue, Handledom or just plain text HTML.

Does Visual Studio Code support HTML?

HTML in Visual Studio Code. Visual Studio Code provides basic support for HTML programming out of the box. There is syntax highlighting, smart completions with IntelliSense, and customizable formatting.

What is lit-HTML in Visual Studio Code?

Works with literal html strings that contain placeholders. The lit-html extension adds highlighting and IntelliSense for lit-html template strings in JavaScript and TypeScript. It works out of the box when you use VS Code's built-in version of TypeScript.


1 Answers

To follow-up on Matt Bierner's previous answer.

You should use this Visual Studio Code extension:
angular2-inline

This extension replaces the language-vscode-javascript-angular2 extension.

here is the extension page with the how to install
https://marketplace.visualstudio.com/items?itemName=natewallace.angular2-inline

like image 172
CScienceSince2015 Avatar answered Nov 14 '22 06:11

CScienceSince2015