Stack Overflow
Stack Overflow

Questions tagged [emmet]

Emmet (previously Zen Coding) is a set of text editor plugins allowing for high-speed coding in HTML, XML, XSL, and other structured code formats by expanding CSS-like expressions of elements into their corresponding representation.

Emmet (previously known as Zen Coding) is a set of plug-ins for text editors that allow for high-speed coding in HTML, XML, XSL, and other structured code formats via content assist. The project was started by Vadim Makeev in 2008 and continues to be actively developed by Sergey Chikuyonok.

Emmet takes the snippets idea to a whole new level: you can type CSS-like expressions that can be dynamically parsed, and produce output depending on what you type in the abbreviation. Emmet is developed and optimized for web-developers whose workflow depends on HTML/XML and CSS but can be used with other programming languages too.

http://docs.emmet.io

639 questions
86
votes
17 answers

JSX or HTML autocompletion in Visual Studio Code

Is there any way to use components or HTML completion in Visual Studio Code? Because typing each letter manually is not good idea when we have classes like Bootstrap etc. For example completion as in Emmet: ul>li*2>a var React =…
bawa g
  • 3,724
  • 4
  • 26
  • 38
61
votes
6 answers

In Sublime Text 3, how do you enable Emmet for JSX files?

I had been previously using Allan Hortle's JSX package until I ran into an issue with how it handled syntax highlighting. I then noticed that there is an official package, sublime-react. With Allan Hortle's package, he included a snippet in the…
btholt
  • 628
  • 1
  • 5
  • 5
42
votes
5 answers

Phpstorm zen coding: insert tag

Is there a built-in zen coding shortcut in PhpStorm to insert a tag? If not, how would I go about setting one?
David John Smith
  • 1,694
  • 1
  • 16
  • 21
28
votes
1 answer

Unset key binding in emacs

For example, in the codes of zen-coding, the "C-j" shadows the normal behavior of "C-j" (newline-and-indent) (define-key zencoding-mode-keymap (kbd "C-j") 'zencoding-expand-line) Then how can I unset this keybinding and use C-j for…
Hanfei Sun
  • 39,245
  • 33
  • 107
  • 208
27
votes
2 answers

Can Visual Studio Code use Emmet completion in razor .cshtml files

I'm using Visual Studio Code (1.17.1, on MacOS 10.13 AND Windows 10) developing an asp.net core mvc web app using razor templating. Visual Studio Code supports Emmet (https://code.visualstudio.com/docs/editor/emmet) My issue is that Emmet works…
JamesDuff
  • 273
  • 3
  • 7
26
votes
4 answers

How to install Zen Coding (now called Emmet) with Sublime Text 3

I tried searching on Google but have not found any install instructions. Can someone help me out. I am using Ubuntu 12.04. Thanks!
Hieu Le
  • 1,940
  • 1
  • 19
  • 23
23
votes
1 answer

Is there a quick way to delete an HTML tag pair in vscode?

For example, before:
Titles
Description
After:
Titles
Description
user2477
  • 650
  • 2
  • 6
  • 22
22
votes
2 answers

Configure Emmet for JSX in VSCode

I use CSS like this: const styles = { foo: { color: 'red' } }
and I want emmet to expand .foo to
I don't see any reference to class or className in emmet's config file. Also…
goldylucks
  • 3,798
  • 3
  • 32
  • 34
22
votes
13 answers

Visual Studio Code Emmet not working

I am using VisualStudioCode 1.20.1 Version. Emmet is inbuilt according to VSC website.But when i am trying on VSC IDE and using anchor tag and referring to class dropdown-toggle the class is not auto suggested or recognized by vsc.
Karan Nayyar
  • 261
  • 1
  • 2
  • 9
20
votes
1 answer

Emmet HTML div tag with multiple words class name

I did not find the answer on documentation for this question. As we know, div.container gives
However, what abbreviation shall be used for
Anyone knows? Thanks.
day
  • 807
  • 1
  • 9
  • 18
19
votes
4 answers

Emmet - Notepad++ "Unknown exception"

Every time I'm trying to use Emmet's Expand Abbreviation it gives me errors. First a pop up with Unknown Exception and then another pop up with python script plugin did not accept the script. I tried reinstalling Notepad++ but that didn't help. I'm…
Apu889
  • 193
  • 1
  • 1
  • 6
16
votes
4 answers

markdown not using emmet

I have included the following in my vs-code user settings: "emmet.includeLanguages": { "vue-html": "html", "markdown": "html" }, "emmet.triggerExpansionOnTab": true, And would have expected to see emmet working for markdown files as an outcome…
ken
  • 7,647
  • 9
  • 56
  • 117
16
votes
4 answers

Something is wrong with Emmet in Visual Studio Code

After the last update, Emmet is working in some different (incorrect) way. If I'm typing usual code in Emmet syntax like: .row>.col*2 and press Tab it's not working. If I type: h1{Some title} and press Tab it's also not working, but if I put the…
Lukavis
  • 189
  • 1
  • 1
  • 6
16
votes
2 answers

Adding url into with Emmet

Has Emmet a syntax for adding URL into tag? E.g.: Syntax: a:www.google.com Result:
Runtime Terror
  • 4,610
  • 6
  • 35
  • 72
16
votes
3 answers

Auto increment number for multiple lines in PhpStorm

How to achieve auto increment for multiple selection in PhpStorm ie. If I have lines like this selected or taged with multiple cursors my line das my line asd my line sda my line poi my line uio my line kjy And I want to have them automatically…
Eryk Wróbel
  • 363
  • 2
  • 10
1
2 3
…
42 43