zen coding not working in Visual Studio

Question

I have Web Essentials 2015.2 installed.

When I, for instance, type "div" and then hit tab, it just selects the following block of html rather than adding a div tag. No zen coding features are working.

I'm using VS 2015 Pro Update 3 RC (version 14.0.25402.00) and the .NET Core Tools (Preview 1) and wonder if some of this is just not compatible?

I also have ReSharper installed, which I understand frequently interferes with shortcuts. Could that be it?

I have no clue what other info to include. Questions welcome if my problem solution are not obvious...

score 13 · Answer 1 · answered Apr 09 '17 at 15:41

Problem is web essentials plugin.

Solution: Go to Visual Studio Marketplace. Type in Zencoding all one word and install the first plug in.

https://marketplace.visualstudio.com/items?itemName=MadsKristensen.ZenCoding

Or install it on Visual Studio (works perfectly with 2017) - Tools -Extensions & Updates - Online - zencoding. Close VS and restart.

It must be some bug with resharper because I couldnt get zen coding to work on web essentials plugin.

I installed only zencoding without web essentials and it works for me on vs 2017 — aliadly, Sep 20 '20 at 08:25

score 5 · Answer 2 · edited Feb 25 '18 at 18:10

5

I have cleared resharper cache (global and solution) and disabled any unused extensions and after restarting VS everything works.

UPDATE : Changed TAB action in the editor, Resharper > Options > Editor > Editor behavior and UNCHECK Use tab for navigation in code.

edited Feb 25 '18 at 18:10

Marcin Orlowski

72,056
11
123
141

answered Jul 10 '16 at 13:57

Nadav Hury

564
4
12

There are so many hidden twerks like this in Resharper, extremely annoying. Finding an answer like this also took me about 20 minutes, because I thought zen coding was somehow disabled in Web Essentials. – QuantumHive Aug 17 '16 at 15:12
3

I only see the option Use tab/Shift+tab keys for structural navigation but unticking it makes no difference to Zen coding (Visual Studio 2017). So annoying, Zen coding still not working – Aindriú Apr 09 '17 at 10:45

score 3 · Answer 3 · edited Feb 25 '18 at 18:30

3

Web essentials 2017 has Zen Coding in it. If you had Zen Coding installed before loading Web essentials it breaks.

Uninstall both.
install Web essentials.
install Zen coding

It now works as intended.

edited Feb 25 '18 at 18:30

Thomas Fritsch

9,639
33
37
49

answered Feb 25 '18 at 18:08

newtozen

31
1

score 1 · Answer 4 · answered Oct 12 '17 at 10:50

1

I had similar issue in Visual Studio 2017, but after updating it, then uninstalling the ZenCoding extension and reinstalling the ZenCoding extension, worked for me, even together with Resharper

answered Oct 12 '17 at 10:50

serup

3,676
2
30
34

score 1 · Answer 5 · answered Oct 15 '18 at 22:25

1

For me the Zen coding was disabled(make sure you install it first), go to Tools and click Extensions and Updates and then Enable Zen coding. It's working now.

answered Oct 15 '18 at 22:25

Arunagirirajah Nirooshan

140
4

score 1 · Answer 6 · answered Dec 18 '18 at 13:02

1

I had to install the Zenconding extension manually. Seems like it's not part of web essentials anymore...

answered Dec 18 '18 at 13:02

Marco Rebsamen

605
7
30

zen coding not working in Visual Studio

6 Answers6