Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

zen coding not working in Visual Studio

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...

like image 612
Methodician Avatar asked Jun 24 '16 20:06

Methodician


3 Answers

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.

like image 151
Aindriú Avatar answered Sep 19 '22 12:09

Aindriú


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

  1. Uninstall both.
  2. install Web essentials.
  3. install Zen coding

It now works as intended.

like image 27
newtozen Avatar answered Sep 19 '22 12:09

newtozen


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.

like image 33
Nadav Hury Avatar answered Sep 18 '22 12:09

Nadav Hury