Issue #29  (Emmet Completions and Settings)11/09/22

As most of you likely know, Emmet is a sort of language toolkit for your code editor that works much like a text expander. Visual Studio code has been including Emmet shortcuts in the editor by default for quite some time now.

As an example, you can expand a full basic HTML template by simply typing an exclamation point (!) and hitting ENTER inside of an HTML file.

You can also quickly expand custom HTML with class names, IDs, and more just with a few keystrokes (e.g. ul.list>li*10 becomes an unordered list of 10 items with a class of "list" on the parent).
 
The default settings for Emmet shortcuts are probably what you want, but you can search for "Emmet" in your editor's Settings to make any adjustments to the way Emmet behaves.

For example, you can choose to use the TAB key instead of ENTER to complete an Emmet command and you can choose to view the Emmet completions inline as you're typing the command.


 

There are about a dozen different settings that you can change related to Emmet.

If you're not familiar with Emmet beyond the basics, you might want to check out this extensive cheatsheet for tips on lots of things you can do.

Now on to this week's hand-picked links!

 

VS Code Tools

Runme — VS Code extension that transparently opens markdown files (i.e. README.md) as runnable VS Code notebooks.

Gitconfig Syntax — VS Code extension that adds syntax highlighting support for Git config files.

YAML — VS Code extension that provides comprehensive YAML Language support via the yaml-language-server, with built-in Kubernetes syntax support.

HTML CSS Support — VS Code extension that adds HTML id and class attribute completion in your editor.

VS Code Articles

Vim vs VS Code: Developer Productivity — Makes the case for preferring Vim for better dev productivity, once you get past the tough learning curve.

.NET Interactive Notebooks is Now Polyglot Notebooks! — "Polyglot Notebooks fully captures the multi-language power of using .NET Interactive as the kernel for your Jupyter notebooks."

Running a Private VS Code Extension Marketplace — Mark Milligan shows how Coder did exactly this using one of their open-source projects.

PostApex — A premium email advertising platform that lets you reach over 100 million readers across the world. You can discover email newsletters that fit your customer profile and effortlessly launch newsletter sponsorships.  Sponsor 

Best of the Rest

Structpad — A notepad-database hybrid. Like notepad, but with structured data instead of plain text.

50 Useful Vim Commands — 50 useful Vim commands that work in normal mode and can be combined and modified to produce dozens more.

Replit Mobile — Official iOS and Android apps for Replit, the code collaboration platform.

Suggestions?

If you have any link suggestions, including a tool, article, or other resources related to VS Code or another IDE, send it via DM on X: @LouisLazaris or just hit reply on this email.

That's it for this issue.

Happy VS Coding!
Louis
VSCode.Email
@LouisLazaris