Issue #34  (Vertical Rulers in the Editor)12/14/22

Here's a VS Code setting that you may not know exists, and probably only a small subset of developers will find useful. If you open your Settings UI and type "editor rulers" you'll notice the following setting:
 
As the description mention, the Editor: Rulers setting allows you to define where your editor renders vertical rulers, sort of like grid lines but in a single direction.

As you can see, you can modify this setting only in the JSON settings. Click the "edit in settings.json" to open your JSON settings in split view, and you'll see something like the following:


 

VS Code adds a new setting at the bottom of your settings.json file. In here you can add an array of values. For example, I could add three values such as: "editor.rulers": [50, 90, 120 ].

This array will render one vertical ruler for each value entered. The number of each ruler represents how many monospace characters across should the ruler be rendered. So basically, these are column numbers in your editor. You can add as many rulers as you want, but I imagine two or three is probably ideal — unless you're going for a full grid-like view or something.

You can see the rulers indicated in the following screenshot (click to view a larger version):



I suppose the use case for this would be for coders not using word wrap. Maybe it's useful to know instantly what column you're at in your editor. Maybe you want certain lines to break at certain points, while allowing others to extend further. Maybe it helps when doing something like Markdown compared to actual programming code. Whatever the case, you might find this feature useful.

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

VS Code Tools

Console Ninja — VS Code extension from the makers of Wallaby.js and Quokka.js, that displays console output and runtime errors right next to your code.

Andromeda — A bit of an older dark VS Code theme with bright colors for the text and includes a variant with italic text that suits a few specific fonts.

File Utils — VS Code extension that provides a convenient way of creating, duplicating, moving, renaming, and deleting files and directories.

DVC — VS Code extension that uses DVC (version control for data) to run, compare, visualize, and track machine learning (ML) experiments right in VS Code.
 

VS Code Articles

VS Code 1.74 (November 2022 Updates) — The latest monthly update for VS Code that includes files scrolling into view, managing unsafe Git repositories, support for console.profile for JS debugging, and lots more.

▶ Top 7 Visual Studio Code Extensions for CSS — Zoran Jambor of CSS Weekly introduces and briefly discusses some VS Code extensions you might want to check out for improved and faster CSS development.

JetBrains Fleet vs VS Code (Will Fleet Kill VS Code?) — I shared a similar post a few weeks back, here's another one that looks at what you might expect if switching to the newest JetBrains offering that's currently in public preview.

Streamline Your Apple Device Management — Jamf Now makes it easy to deploy, oversee, and secure all your devices. Sign up for a free account now with capability to manage three devices and add more for just $2 per device each month.  Sponsor 

Best of the Rest

Codux — A visual IDE for React that allows you to visually edit React projects side-by-side with your code editor.

JupyterLite — A JupyterLab distribution that runs entirely in the browser built from the ground up using JupyterLab components and extensions.

csv.vim — A filetype plugin Vim for handling column separated data, to make it easier to use CSV files in 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