VSCode.Email Issue #58 (VS Code Theme of the Week)

Issue #58 (VS Code Theme of the Week)05/31/23

Meco: An Inbox Designed for Reading Newsletters — Enjoy your newsletters in a space built for mindful reading while giving your inbox space to breathe. It's easy to get set up and completely free!

Try it Out ⇀

This week's issue includes a new section called "VS Code Theme of the Week". I find lots of new and interesting themes all the time so I'll try to showcase one each week along with its various features and any pros and cons that I notice about the theme.

There's also an interesting Tailwind CSS extension for VS Code that you might want to check out if you're working regularly with the popular CSS utility class library.

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

VS Code Tools

Image Optimizer — A VS Code extension that uses industry standard tools to optimize any JPEG, PNG, and GIF (including animated GIFs) and supports both lossy and lossless optimization.

Headwind — An opinionated Tailwind CSS class sorter for VS Code that enforces consistent ordering of classes by parsing your code and reprinting class tags to follow a given order.

Bytes: Your Favourite JavaScript Newsletter — I subscribe to a lot of newsletters, but this is definitely one I look forward to. Entertaining with lots of cool and useful JavaScript coding tidbits, news, and tools. Sponsor

Safurai — An AI-based code assistant that saves you time in refactoring, optimizing, and searching your code, with support for JavaScript, Python, Java, Typescript, and more.

VS Code Theme of the Week

Flate — Not a really popular theme, but a nice dark one with bright colors that you might enjoy. It hasn't been updated for two years, but it seems like a nice option if you enjoy these kinds of colors on a dark background. It also includes 9 different variations (Flate Arc, Flate Arc Bold, Flate Punk, etc).

View Large Image

The only thing I don't like about this theme is how it makes the left sidebar icons dark until you roll over them, leaving only the current selection colored. This does visually simplify the layout though, so maybe you'll like it.

VS Code Articles & Videos

Unlocking the Full Power of Amazon CodeWhisperer with VS Code — An article discussing Amazon's AI-based tool that's available for a number of different IDEs.

How to Create a TypeScript React Function Component Snippet in VS Code — A quick tip that shows how to use VS Code's User Snippets feature, using the example of a React/TypeScript function.

Tech Productivity — A brief weekly newsletter featuring tools, tips, articles, and more, for tech professionals who want to get stuff done. Sponsor

▶ Sharing GitHub Links to Your Code — A tip for those who use the official GitHub Pull Requests & Issues extension for VS Code.

Best of the Rest

AICommit — A plugin for JetBrains IDEs that provides GPT-based coding features including automated commit message generation, code optimization, code interpretation, documentation generation, code conversion, and more.

Vim Ninja — A browser-based, interactive course to help you learn and master using Vim.

Nuxt Studio — A front-end studio for Nuxt developers and teams. Create a project from a theme or import from GitHub, edit your content with your team, and share real-time preview links with no re-deploy.

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