Issue #138  (Using Locked Scrolling)12/11/24

Advertisement
How We’re Perfecting Prime with Brad’s Deals

Ah, the olden days… jotting down your shopping list, dropping it somewhere between your kitchen table and the mall, then braving the crowds with no idea what you came for.

Thank goodness for Amazon, and thank goodness for Brad’s Deals, which helps you make the most of your Prime membership.

Brad's Deals

Brad is your new virtual shopping bestie, showing you ten lesser-known membership wonders you never knew you had—like unlimited photo storage, free release-date delivery, and early access to Lightning Deals.

Transform your shopping, streaming, and saving experience—just sign up for free with your email address!

Learn More →


Earlier this year, VS Code added an interesting feature that could come in handy for doing visual file comparisons, along with some other potential diff use cases. It's called Locked scrolling, and it allows you to synchronize scrolling across all visible editors.

To enable it, search for the command Toggle Locked Scrolling in your command palette.
 
Toggle Locked Scrolling command in VS Code

Once enabled, if you have a split view of multiple editors displayed, those editors will scroll in synch with each other.
 
Using Locked Scrolling in VS Code

Of course, it may be tedious to have to use the command palette to enable and disable locked scrolling each time you want to use it, especially if you use it often. To make it more convenient, you can tie it to a keybinding using the value workbench.action.holdLockedScrolling.
 
Adding a Keybinding to Locked Scrolling in VS Code

As shown in my example, I've attached this value to the keybinding Alt + X on my Windows machine. But note that this doesn't work as a 'toggle' like the command does, but instead works (as the name implies) as a "hold". So in order to do synchronized scrolling using the keybinding, you would have to press the keybinding and hold it for the duration of the scroll.

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

VS Code Tools

Out-of-Code Insights — A VS Code extension that allows you to add annotations, comments, and notes without modifying your source files, ideal for avoiding clutter in your code with temporary comments or making the code unnecessarily heavy.

SmallOnlineTools — A VS Code extension that provides access to 150 ad-free web tools and utilities for performing various tasks (e.g. case conversion, encoding/decoding, sorting, splitting, etc).

Winterize Your Wellness Routine — Winter can be harsh on your skin and joints. Add NativePath Collagen Powder to your daily routine to support healthy, hydrated skin and joint flexibility through the colder months.   Sponsor 

vscode-pokemon — A VS Code extension that adds cute Pokémon creatures to your code editor to boost productivity.


VS Code Theme of the Week

Retro Green Theme — Definitely not a theme for everyone, but a unique one that has a classic green monitor computer screen look that claims to be easy on the eyes with its green-on-black combo.

Retro Green Theme for VS Code

There are no alternate variations of the theme and, as you can see in the screenshot, it has some bold choices. For example, the full-length rectangle indicating where the cursor currently is and the box indicating currently edited file in the file explorer. Bold choices, but if you like retro, you might want to try it out.
 

VS Code Articles & Videos

Automate Code Commenting Using VS Code and Ollama — A tutorial showing how to create a VS Code extension that uses Ollama to automate comment generation.

Multi-File Editing, Code Review, Custom Instructions, and More for GitHub Copilot in VS Code October Release (V0.22) — From the GitHub blog, some more details on recent updates to VS Code and GitHub Copilot.

Winterize Your Wellness Routine — Winter can be harsh on your skin and joints. Add NativePath Collagen Powder to your daily routine to support healthy, hydrated skin and joint flexibility through the colder months.   Sponsor 

📺 Master VS Code's Keyboard Shortcuts in 13 Minutes — From a few months ago on the VS Code YouTube channel, for those who want to brush up on their keyboard skills in VS Code.
 

Best of the Rest

Vim for Google Docs — A Chrome extension to enhance your editing experience in Google Docs with Vim for the ultimate productivity boost. Many of your favorite Vim keybindings can now be used to traverse documents at lightning speed.

Layouts — A notebook-style editor for building interfaces with Tailwind, with no setup, no deploy, and no servers.

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 

Aider — A Python-based tool that lets you pair program with LLMs, to edit code in your local Git repository.

Suggestions?

If you have any link suggestions, including a tool, article, or other resource related to VS Code or another IDE, you can hit reply, send it via DM on X, or via chat on Bluesky.

That's it for this issue.

Happy VS Coding!
Louis
VSCode.Email
@LouisLazaris
Copyright © VSCode.Email. All rights reserved.

Not affiliated with Microsoft, Visual Studio Code, or any of its trademarks.