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

741 questions
143
votes
23 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 =…
owais
  • 4,752
  • 5
  • 31
  • 41
63
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
  • 668
  • 1
  • 5
  • 6
48
votes
3 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…
Shining Love Star
  • 5,734
  • 5
  • 39
  • 49
46
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,824
  • 2
  • 18
  • 22
45
votes
21 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
  • 666
  • 2
  • 7
  • 14
35
votes
2 answers

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

For example, before:
Titles
Description
After:
Titles
Description
user2477
  • 896
  • 2
  • 10
  • 23
33
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
  • 45,281
  • 39
  • 129
  • 237
31
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
  • 413
  • 1
  • 4
  • 8
31
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
  • 1,047
  • 3
  • 11
  • 20
28
votes
7 answers

Trying to use emmet with a react app in vs code

I am using Visual Studio Code and creating a React App. I understand that Vsc comes with Emmet but it does not work with my React App. I have tried putting the following code in settings. "emmet.includeLanguages": { "javascript":…
AltBrian
  • 2,392
  • 9
  • 29
  • 58
27
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
  • 2,106
  • 1
  • 23
  • 23
23
votes
3 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
  • 6,242
  • 11
  • 50
  • 90
21
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
  • 8,763
  • 11
  • 72
  • 133
20
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
  • 416
  • 1
  • 4
  • 11
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
1
2 3
…
49 50