Issue #167  (Claude Code for VS Code)07/02/25

If you're working in a CSS file in VS Code, don't forget that for about a year now VS Code has included a feature that allows you to drag-and-drop or copy and paste an image directly into your CSS file.

For example, you might be working in your file and you one to include one of the images in your 'img' folder as a background (for example an 'arrow.svg' file):
 
Instead of typing out the url() code, simply drag the image into the spot where you want the code included:
 
In my case I have to hit the SHIFT key to drop the image as code rather than forcing the editor to open the image as a file. I believe that setting can be adjusted but I believe the default is that you have to use SHIFT to drop the file as code.

Alternatively, you can copy the file from your folder view then 'paste' the file into your CSS, which will also have the same effect as dragging the file into the CSS file with the SHIFT key.

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

VS Code Tools

Claude Code for VS Code — A VS Code extension for Claude Code, the popular AI assistant, that allows you to leverage Claude’s capabilities directly within your preferred development environment.

VSCan — A web-based tool that analyzes VS Code extensions for security vulnerabilities to ensure a safer experience and help you understand extension security. See articles below for more info.

Start Building Job-Ready Tech Skills Today — Learn AI skills for any industry and get hands-on experience using the latest tools in tech. VSCode.Email readers can get 15% off a year of Codecademy Pro when you use code SKILLUP15.   Sponsor 

Container Tools — The successor to the Docker extension, extension makes it easy to build, manage, and deploy containerized applications from VS Code, while also providing one-click debugging for Node.js, Python, and .NET inside a container.

VS Code Articles & Videos

📺 Customizing Copilot in VS Code — A video clip from the recent VS Code Day event where Christopher Harrison shows the audience how to customize copilot in VS Code.

Major Updates to VS Code Docker: Introducing Container Tools — Official announcement of significant updates to the popular VS Code Docker extension, including the fact that a new extension (mentioned above) now replaces it. 

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 

Many VS Code Extensions are Malicious—Here's What I Found After Scanning 1,000 of Them — This is more or less a promo for the VSCan tool mentioned above, with info on the author's motives and methods for building the extension.

Best of the Rest

Tonkutsu — A natural language IDE that makes you the tech lead of a team of coding agents, allowing you to break jobs into smaller tasks and delegate multiple coding tasks to the tool.

hardtime.nvim — A Vim plugin that enables you to break bad habits by mastering Vim motions (i.e. cursor movements that make you more productive in the editor).

Web Tools Weekly — A weekly newsletter featuring tools, plugins, scripts and other useful apps for JavaScript, CSS, SVG, AI, React, Vue.js, mobile development, and lots more.   Sponsor 

npm-package-info.vim — A Vim plugin to fetch and display information about npm packages (e.g. description, version, maintainers, and more) directly from your editor.

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