Issue #106  (Inlay Hints)05/01/24

VS Code has something called Inlay Hints that you may want to enable for your language of choice, depending on how much info you want displayed about your code.

First of all, you'll notice when you search for "Inlay Hints" in your settings, the general setting for Inlay Hints is 'on' by default. You can also adjust the font, font size, and even the padding around the hint:
 
However, even with this enabled, you may still not see any actual inlay hints in your code. You'll have to enable inlay hints for a particular language (e.g. JavaScript/TypeScript) and for a particular type of Inlay Hint:
 
One of the more useful Inlay Hints is for parameters. This shows you the actual name of the parameter, to help you understand the meaning of each argument at a glance. In the JavaScript example below, a few of the parameter Inlay Hints are highlighted.
 
In addition to parameters, you can also individually enable Inlay Hints for Enum Member Values, Function Like Return Types, Property Declaration Types, and more.

And one last thing: If you want quick access to the Inlay Hints but don't want them on all the time, choose the value "offUnlessPressed" for the general Inlay Hints setting. Then you can use the specified keyboard shortcut to temporarily "show" the Inlay Hints without having them clutter your codebase at all times.

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

VS Code Tools

twinny — A free, no-nonsense AI code completion extension for VS Code and compatible editors like VSCodium, designed to integrate seamlessly with various tools and frameworks.

ZenComPrint — A VS Code extension that lets you hide comments and print statements in your code with a single click, to cut down on the noise and focus on the code. Supports Python, JavaScript, and TypeScript.

The Complete JavaScript Course 2024 — An up-to-date course consisting of 68+ hours of HD video, looking at both modern and classic JavaScript features, while walking you through how to build 6 beautiful real-world projects.   Sponsor 

Toggle Zen Mode — A VS Code extension that adds a button to your editor's UI so you can quickly toggle Zen Mode on/off without having to remember the keyboard shortcut.

VS Code Articles

I Wrote My Own Editor — The author discusses some specific challenges he found with using VS Code and his ultimate solution.

The Best VS Code Snippets for React, Typescript + Nextjs + Redux Toolkit — This trims down the snippets offered by a popular snippets extension to the bare minimum that the author finds most useful.

The Morning Paper for Tech — Want a byte-sized version of Hacker News that takes just a few minutes to read? Try TLDR's free daily newsletter. It covers the most interesting tech, startup, and programming stories in just 5 minutes. No sports and no politics.  Sponsor 

Local Code Completion in VS Code with Ollama and Cody — Ollama is a cross-platform native app to get you up and running with LLMs and Cody is an AI coding assistant.

Best of the Rest

Aqua Voice — A voice-native text editor that lets you dictate, ddit, and transform using Natural Language.

Online Compiler — A suite of online playgrounds to allow you to run C, C++, Java, Python, JavaScript, Bash, and more online without downloading anything.

Anytime Mailbox — Business starters, are you in need of a business address separate from your home? Anytime Mailbox provides a seamless solution, securing a private, professional address with added benefits like mail forwarding and scanning for ultimate convenience. Start browsing locations today.   Sponsor 

Initial V — This is funny. It's the schematics and software for a physical stick shift component from a BMW vehicle converted to a bluetooth keyboard that you can use with Vim.

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