12

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?

0

3 Answers 3

13

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

Sign up to request clarification or add additional context in comments.

Comments

5

I'm on the VSCode team, and this is not something that we currently support. Here's the feature request tracking this.

In the meantime, try out the language-vscode-javascript-angular2 extension. It adds syntax highlighting for html elements inside of template strings.

Comments

3

You can use the es6-string-html extension and then add a language comment before any multiline strings like this:

var html = /*html*/`<div>Hello</div>`
var css = /*css*/`body { color: green }`

Demo of Syntax Highlighting

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.