VSCode.Email Issue #132 (Timeline View Settings)

Issue #132 (Timeline View Settings)10/30/24

Ever wish you could turn back time and invest in Amazon's early days? Well, buckle up because the AI revolution is offering a second chance.

In The Motley Fool's latest report, dive into the world of AI-powered innovation. Discover why experts are calling it "the rocket fuel of AI" and predicting a market cap 41 times larger than Amazon's.

Don't let past regrets hold you back. Take charge of your future and capitalize on the AI wave with The Motley Fool's exclusive report. Whether it's AI or Amazon, fortune favors the bold.

Don't Miss Out. Dive Into the Report Today →

As you might know, VS Code offers a Timeline panel that gives you quick access to Git commits you've made in your current workspace. This is similar to the Local History feature, which isn't exactly the same. Local History gives you access to edits independent of source control. So it's good to keep both those in mind, depending on the type of project you're working on. Both are accessed in the Timeline panel view.

The Timeline panel itself has a few settings you can change to alter how it works, if you choose to do so. Search for the word "Timeline" in your settings to pull those up.

For example, you can enable the currently experimental Page On Scroll feature, which essentially adds 'infinite scroll' to the Timeline panel.

Also, as shown above, you can define the page size of the Timeline view. Leaving it blank (i.e. null) means the page size is equal to the space available. In the above example I've chosen 10 items to show. This means, assuming I don't have the Page On Scroll feature enabled, when I click the "load more" option at the bottom of a page of results, it will load another 10 results.

You can also select what the date represents on items: Committed date vs. Authored date.

Changing the Date in Timeline view in VS Code

And finally, two other settings allow you to show/hide the author of the commit in the Timeline view and you can choose to Show Uncommitted changes. Again, just search for Timeline to see all these settings.

If you want to make settings changes that are associated with the Local History feature, you can do that by searching for Local History in your settings (something I discussed back in issue 79).

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

VS Code Tools

Radon IDE — Currently in Beta, this is a VS Code extension that turns your editor into a full-fledged IDE for React Native and Expo.

FileFlow — A VS Code extension that lets you quickly 'flow' between files, allowing you to make smooth coding presentations for screencasts, live talks, etc. (See below for video tutorial on using this one).

Brad's Deals — From paper lists to Amazon Prime, times have changed. While fast shipping and exclusive shows are well-known, these 10 hidden perks can take your membership to the next level. Sponsor

Wingman-AI — A VS Code extension that adds high quality AI assisted coding to your editor, with support for most major AI providers (e.g. OpenAI, Anthropic, and Ollama).

VS Code Theme of the Week

Atom One Dark — A few weeks ago I featured the Atom One Light theme, so why not this one too. This one is actually five times more popular than the light version and again is a port of a popular theme from the now defunct Atom editor.

View Large Image

Overall it's a decent looking dark theme and doesn't have any variations in the extension package. I wouldn't call it my favorite dark theme, but it's good enough for those who like dark and it's pretty popular with over five million installs.

VS Code Articles & Videos

Vue Language Tools: Volar, TypeScript, and the Official VS Code Extension — A deep dive into the various packages found in the Vue Language Tools repo, along with the official Vue VS Code extension powered by the Volar toolkit.

📺 FileFlow for VS Code - Live Code Slideshows in Your Editor — Video tutorial on the FileFlow extension mentioned above from the author of the extension.

Get the Most Out of Your Amazon Prime Membership — Maximize the value of your Amazon Prime membership by uncovering 10 lesser-known benefits that can transform your shopping, streaming, and saving experience. Sponsor

Effortless Debugging: AWS CDK TypeScript Projects in VS Code — If you're using the same stack as the author, this guide will help you set up a smooth, flexible debugging environment so you can iterate through Lambda functions like a pro.

Best of the Rest

Ultimate Vim Vue Setup — Not a combination you hear about often, but this comes from a developer who's been using Vim for a long time and recently started working with Vue.

Tenno — A live editable Markdown editor that lets you add cells like Excel, providing a mix of Word and Excel with a touch of Obsidian, Markdown, and JavaScript.

JavaScript Web Projects: 20 Projects to Build Your Portfolio — 33 hours of course material on HTML, CSS, and modern JavaScript, to level up your skills and build a portfolio. Sponsor

bolt.new — From Stackblitz, an in-browser AI web dev agent to prompt full-stack web apps into existence, see them executed in real-time, debug errors, and deploy a fully functional app.

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