I come from a background of Delphi, Visual Studio and Notepad++ editors that historically have expanded their functionality over decades of releases.
When switching much of my development to Visual Studio Code, which out of the box aims at basic support (which has grown remarkably over the years so it’s way beyond basic now), I decided to review my editing behaviours see if plugins (in vscode speak “extensions marketplace“) would assist me with that.
One of my behaviours I wanted to get rid of is heavily use of keyboard macros, so when doing more web-stuff, I bumped into Emmet (that in the past was called Zen Code).
I bumped into Emmet because I wanted to refactor quite a few bits of html, and embed many sections of text in tags. Normally I would have written a macro for that, but now I did a quick [Wayback/Archive.is] vscode html embed text in element – Google Search and bumped into [Wayback/Archive.is] html – How to do tag wrapping in VS code? – Stack Overflow (thanks [Wayback/Archive.is] Alex!)
Since Visual Studio Code has built-in support for Emmet, here are some links so I can quickly find them back:
- [Wayback/Archive.is] Emmet in Visual Studio Code
- [Wayback/Archive.is] emmetio/emmet: The essential toolkit for web-developers
- [Wayback/Archive.is] Emmet: Cheat Sheet
- [Wayback/Archive.is] Emmet: Actions
occasionally you have to edit your HTML and CSS code to fix bugs and add new features.Emmet offers very unique tools that can greatly improve your editing experience: - [Wayback/Archive.is] Emmet 2.0 in Visual Studio Code
- [Wayback/Archive.is] Emmet — the essential toolkit for web-developers
Hopefully I will now also less rely on user-defined snippets, though they are still available: [Wayback/Archive.is] Snippets in Visual Studio Code
Using Emmet eventually might help me in my blog-writing too, which still is heavily WordPress.com, known for its limited editor, based.
Apparently, my Google Search fu still is good enough to find these kinds of gems (:
–jeroen