Issue #143 (The Future of Programming)01/15/25
|
|
According to Gallup, 51% of Americans can’t think of a news source that reports the news objectively. It’s 100% free. It has everything you need to be aware of for the day. And most importantly, it simplifies your life.
Sign Up for 1440, it's 100% Free → |
|
If you're working in two different parts of an application (e.g. the frontend and the backend) in two VS Code windows, you may find some mental overhead involved in figuring out which part of the code you're currently in while you're switching back and forth between windows.
This might be acceptable for a while, but what if you want to visually distinguish which section you're currently working in? You can do this by customizing VS Code at the project level.
To enable this, you can edit settings that are specific to your current workspace. If you have a .code-workspace file, you can edit the settings inside that file. If the current project is not a workspace, you can add project-specific settings by adding a .vscode folder with a settings.json file inside of it.
This workspace file will have a settings object, which you can edit to add something like the following:
|
"settings": {
"workbench.colorCustomizations": {
"titleBar.activeBackground": "#e28585",
"titleBar.activeForeground": "#000000",
}
}
|
In this case I've added custom colors to the background and foreground of the title bar of the current project's VS Code window.
Now, if I want to contrast that window's title bar with another open VS Code window (e.g. my backend code), I can add the same setting in that project, but with a visually contrasting set of colors. This way I'll be able to quickly recognize when I'm in my frontend code vs. my backend code (or whatever else I want to differentiate).
The example image above shows two VS Code windows open with different title bar color settings.
Of course, these project-specific settings can be used for any number of customizations. This is just one example, which allows you to visually differentiate your open windows.
Now on to this week's hand-picked links!
|
|
|
VS Code Tools
|
Tailwind Class Genie — A VS Code extension that works as a helper so you don't have to remember Tailwind's classes or spend too much time manually changing them to find the right one.
VSCode LLVM Compiler Explorer — A VS Code extension for compiler developers of LLVM (the code compiler/generator) that can support exploring LLVM IR and machine IR after each pass.
Lysted: Your Ticket Reselling Side Hustle — Looking for a side hustle? Use Lysted to resell event tickets. List once and reach buyers across platforms like StubHub and Ticketmaster. Enjoy automated pricing and quick payouts. It’s a hassle-free way to make extra cash from unused tickets. Sponsor
GitHub Copilot for Azure — VS Code extension designed to help streamline the process of developing for Azure. See article section below for an intro guide.
|
VS Code Theme of the Week
|
Gruvbox Concoctis — This is a set of themes forked from the popular Noctic themes while also using the same color palette of another set of themes called Gruvbox.
This set includes 6 themes (3 dark, 3 light). The one above is the variation called "dark hard". The light themes use a light brown background, so if you don't like white backgrounds but want to try out a light theme, this might be a good option for you.
|
|
|
| |
|
|
VS Code Articles & Videos
|
📺 Getting the Most Out of GitHub Copilot's Free Tier — More on the free version of GitHub Copilot, from the VS Code YouTube channel, demonstrating what it feels like to work with Copilot daily, and how to optimize chat requests to increase coding efficiency.
Streamline Your Azure Workflow: Introducing GitHub Copilot for Azure in VS Code — From late October, this is the official launch post for Copilot for Azure, the extension linked above. The article includes an intro, info on suggested prompts, and more.
tl;dr sec — Keep up with Cybersecurity in 7 min. Join 90,000+ security professionals getting the best tools, blog posts, talks, and resources right in their inbox for free every Thursday. Sponsor
Debugging Python with VS Code and Sentry — Includes some setup instruction and lots of steps when debugging with Sentry, the popular application monitoring service.
|
|
|
Best of the Rest
|
📺 Cursor Team: Future of Programming with AI — From the Lex Fridman podcast, an interview with the creators of Cursor, the popular AI-powered code editor. 2.5 hours but you can use the table of contents. They discuss GitHub Copilot, GPT vs. Claude, Debugging, OpenAI, Prompt Engineering, the future of programming, and lots more.
Codura — An AI-powered tool that lets you upload your project once, so you never have to re-explain your code. Chat instantly with the latest GPT-O1 model, get tailored help, and see real-time updates to your project structure.
Turn Tickets into Cash with Lysted — Need a side hustle? Lysted makes ticket reselling easy and profitable. List your tickets on major platforms with one click and get fast payouts. It’s a perfect way to earn extra cash from tickets you can’t use (or never intended to). Sponsor
Firenvim — Turn your browser into a Neovim client, with support for Firefox, Chrome, and other Chromium browsers.
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
|
|
|
