# Zen coding doesn't work

**URL:** https://forum.codewithmosh.com/t/zen-coding-doesnt-work/3754
**Category:** HTML/CSS
**Created:** [March 31, 2021, 8:33pm UTC](https://forum.codewithmosh.com/t/zen-coding-doesnt-work/3754 "2021-03-31T20:33:35Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![fmchtt](https://avatars.discourse-cdn.com/v4/letter/f/d2c977/32.png) [@fmchtt](https://forum.codewithmosh.com/u/fmchtt)
#### Post date: [March 31, 2021, 8:33pm UTC](https://forum.codewithmosh.com/t/zen-coding-doesnt-work/3754/1 "2021-03-31T20:33:35Z")

</div>

Hi guys 🙂 I’m really new to the code world and having a (I imagine) very simple problem.  
While Mosh uses all the time the “zen mode” pressing tab for example when he writes section#products then press tab and the code changes to \<section id:“section”\> I can’t seen to make this work. Could someone please help me?  
I have a macbook and I’m using VS Code.  
(sorry for my bad english)

---

<div class="post-metadata">

### Author: ![William](https://avatars.discourse-cdn.com/v4/letter/w/b19c9b/32.png) [@William](https://forum.codewithmosh.com/u/William)
#### Post date: [April 2, 2021, 1:01pm UTC](https://forum.codewithmosh.com/t/zen-coding-doesnt-work/3754/2 "2021-04-02T13:01:53Z")

</div>

The file has .html extension?

---

<div class="post-metadata">

### Author: ![AzharUddinSheikh](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/azharuddinsheikh/32/5561_2.png) [@AzharUddinSheikh](https://forum.codewithmosh.com/u/AzharUddinSheikh)
#### Post date: [April 2, 2021, 3:41pm UTC](https://forum.codewithmosh.com/t/zen-coding-doesnt-work/3754/3 "2021-04-02T15:41:36Z")

</div>

Try this  
go visual studio marketplace  
Type zencoding  
Install first plug in  
Restart vscode

---

<div class="post-metadata">

### Author: ![fmchtt](https://avatars.discourse-cdn.com/v4/letter/f/d2c977/32.png) [@fmchtt](https://forum.codewithmosh.com/u/fmchtt)
#### Post date: [April 9, 2021, 8:56pm UTC](https://forum.codewithmosh.com/t/zen-coding-doesnt-work/3754/4 "2021-04-09T20:56:27Z")

</div>

yes, it has. everything is exactly as Mosh told in his class ):

---

<div class="post-metadata">

### Author: ![annadema](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/annadema/32/83_2.png) [@annadema](https://forum.codewithmosh.com/u/annadema)
#### Post date: [May 10, 2021, 8:09am UTC](https://forum.codewithmosh.com/t/zen-coding-doesnt-work/3754/5 "2021-05-10T08:09:09Z")

</div>

On the bottom of VSCode you can see some indications: Ln,Col Spaces, Encoding, Line End. Then you can see the language of the file you are editing. There must be written “HTML” otherwise Zen Coding does not work.  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/f/f56276a78ef92202a800161465fc8262fe2776a5.png)

If you have something different, click on the text and then select HTML from the control panel.  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/c/cbe949f22ec39200eb7e90f38713f4b477f8bae0.png)

Hope this can help you 🙂

---

<div class="post-metadata">

### Author: ![fmchtt](https://avatars.discourse-cdn.com/v4/letter/f/d2c977/32.png) [@fmchtt](https://forum.codewithmosh.com/u/fmchtt)
#### Post date: [May 11, 2021, 5:51pm UTC](https://forum.codewithmosh.com/t/zen-coding-doesnt-work/3754/6 "2021-05-11T17:51:41Z")

</div>

Hey guys, thanks for the help! I don’t know what exactly changed, but with the new vs updated it worked 🙂