how to get html/css snipits in backticks when using typescript for AngularJS

Question

i know this might kind of sound dumb but whenever i write templates in Angular 2 my html just shows up as gray text and i cant do things like autocomplete and stuff. Same issue with the CSS

Is there a plugin to solve this or is this a settings issue?

BTW im using Visual studio code

EDIT: Screenshot

Can you at least post a screenshot? – Maria Ines Parnisari Aug 04 '16 at 03:15 — Maria Ines Parnisari, Aug 04 '16 at 03:15

shaunhusain · Answer 1 · 2016-08-04T03:29:57.917

1

There is a plugin that will add this highlighting: https://marketplace.visualstudio.com/items?itemName=nwallace.language-vscode-javascript-angular2

Appears from the comments it doesn't actually support intellisense/completion in there but has syntax highlighting. Personally use IntelliJ products for a lot of projects and they have a "language injections" option: https://www.jetbrains.com/help/idea/2016.2/using-language-injections.html Perhaps Visual Studio has something similar or you can try out IntelliJ.

edited Aug 04 '16 at 03:29

answered Aug 04 '16 at 03:23

shaunhusain

19,630
4
38
51

hmm might give intellij a try...but isnt that a paid IDE? – jeremy Aug 04 '16 at 03:39
Yeah but free trial, for me it's worth it for the interactive debugger for back end code and believe Android studio which is free is built on intellij – shaunhusain Aug 04 '16 at 03:42
Does similar exist for Visual Studio 2015? – gerleim Sep 13 '16 at 23:05

score 1 · Answer 2 · answered Aug 04 '16 at 03:33

1

Have you configured Angular Js 2 and TypeScript correctly in Visual Studio Code? Here's a link link for that.

answered Aug 04 '16 at 03:33

Sohil

532
7
26

how to get html/css snipits in backticks when using typescript for AngularJS

2 Answers2