Issue #151  (Drag To Open Window)03/12/25

Advertisement
Master Website Security – Join the Bootcamp
Security is non-negotiable for websites. Join our Security Bootcamp (March 18-19, 2025) and gain hands-on training from top security experts. Learn to combat cyber threats, secure your online business, and stay ahead of evolving threats. 
 
Cloudways Security Bootcamp
With six expert-led sessions, interactive discussions, and live demos, you’ll master best practices and advanced security strategies. Don't miss this chance to strengthen your site’s defenses!

As you probably know, VS Code allows you to drag your editors (tabs) out of your main window into a new window. You can do this by simply dragging an editor outside the current window and dropping it onto an empty area.
 
Dragging an Editor to a new window in VS Code

And of course, you can drag any editor back into the main window or into any other VS Code window you have open.

If for some reason you want this functionality disabled, you can do this by adjusting the setting Drag To Open Window.
 
Drag to Open Window Setting in VS Code

For example, maybe you want to be able to rearrange tabs (editors) by dragging them around but don't want to risk dropping one outside the current window. You might also want to drag the current window into some other application, which effectively drags the local file location in text format into the new window.
 
Dragging to a new window with Drag to Open Setting Off in VS Code

Without that setting disabled, the drag and drop you see in the above GIF would open a new window instead of dropping the file location as text.

And one last thing about editor windows, there are various commands you can execute:
  • View: Copy Editor into New Window
  • View: Move Editor into New Window 
  • View: Copy Editor Group into New Window 
  • View: Move Editor Group into New Window 
  • View: New Empty Editor Window
The first two are available from the right-click menu for an editor and all of them can be executed from the Command Palette.

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

VS Code Tools

Ariana — A VS Code extension and CLI tool to understand what your JS, TS, and Python code does when it runs in development, boasting to be faster than a traditional debugger or using print() or console.log().

Nuxt DX Tools — A VS Code extension designed to enhance the developer experience for Nuxt projects by providing tools for auto-locating and navigating to auto-imported components, functions, routes, and more.

Website Security Bootcamp — Join the Security Bootcamp (March 18-19, 2025) for expert-led sessions, hands-on training, and live demos. Learn to secure your website from evolving threats. Register now!   Sponsor 

Heroku for VS Code — An official VS Code extension to enable you to deploy, manage, and monitor your Heroku apps without leaving your editor. See announcement post in the articles section below.


VS Code Theme of the Week

Material Theme (But I Won't Sue You) — As the bizarre name implies, this is a fork of a popular theme that was recently taken down from the extensions marketplace. You can read about that drama in this Hacker News thread.

Material Theme for VS Code

The extension bundles 12 different themes, including two light themes. The one shown above is called Material Theme Darker, which is a slightly darker version of the default theme.
 

VS Code Articles & Videos

VS Code 1.98 (February 2025 Updates) — The latest updates to VS Code include Next Edit Suggestions, Copilot Vision, better Copilot code search, soft delete in source control, and lots more.

Heroku Extension for Visual Studio Code (VS Code) Now Generally Available — The blog post announcing the general availability of the Heroku VS Code extension that I link to above. The article also includes a 5-minute YouTube video if you prefer.

Brain Food, Delivered Daily — Every day Refind analyzes thousands of articles and sends you only the best, tailored to your interests. Loved by 527,190 curious minds.   Sponsor 

Making "this" Less Annoying — If you're like Dave Rupert and see JavaScript's `this` keyword a lot (e.g. writing web components), this VS Code tip might help you drown out its noise, so to speak.

Best of the Rest

Potext — An open source AI-based text editor that uses local storage and lets you maintain full control over AI-suggested changes, choosing which improvements to accept or decline.

(Neo)Vim Makes You a 10x Dev, and I'm Not Kidding"I don’t even have a GUI editor installed on my machine. It’s just me, my terminal, and Vim. And honestly, I’ve never been more productive."

Start Speaking a New Language This Spring — Through award-winning lessons, innovative AI-driven conversations, and more engaging content, you can start speaking a new language in 3 weeks with Babbel—just in time for your next getaway. Plus, VSCode​.​Email readers can get 55% off with this exclusive link.   Sponsor 

12 Best Mobile IDEs for Android and iOS App Development — Note that these are not IDEs for use on mobile as the title somewhat implies, but IDEs specifically for developing apps to run on mobile platforms.

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
Copyright © VSCode.Email. All rights reserved.

Not affiliated with Microsoft, Visual Studio Code, or any of its trademarks.