Sebastian Tiedtke
Sebastian Tiedtke
July 21, 2020

Getting on top of my unsaved files in VS Code


One of the most important and unacknowledged pieces of my development workflow is the power of copy & paste. How else would I transfer code of Stack Overflow into my editor? But seriously, I copy & paste like a mad man and tend to pile up a ton of notes.

💾 Do you want to save the changes to the following 39 files?

While working on a project this quickly gets out of hand when I have tons of Untitled-39 tabs open filled with code snippets, CLI commands, terminal traces, things I don't want to forget, which are visually indistinguishable from one another and aren’t particularly easy to find among the other 15 version-tracked files open. I don’t really want to save these things in the project, and if I put them on my desktop they wind up getting shuffled into a folder or, most likely, the trash.

searching for notes

The next time I'm picking up a project again I often find myself looking through google results for visited Stack Overflow pages, or browsing through old projects to see if I can find that one example I sort of remember. To make matters worse for myself, I prefer to run a single workspace per project, or just pull up individual folders in VS Code my search quickly expands to all of my file system. This problem is why we have designed the Scratchpad in Marquee. A smart inter-workspace clipboard to keep track of your valuable notes.

Install Marquee, if you haven't already 🙌

💡 Scratchpad, a smart inter-workspace clipboard to keep track of your valuable notes.

Conveniently you can create a new scratch snippet from two places, by clicking the scratchpad's "plus" button (top right corner of widget). Or, just make a selection in your editor, right click, and select “Add note to Marquee”.

Scratch notes in action

If added form the editor, notes will automatically be added in both the Scratch widget and the tree view naming it after the file it originated from. Double-click the note in the widget to inline edit (thanks to language detection, should be nicely syntax highlighted). Super fast filtering functionality is available to quickly sift through thousands of snippets, so you can create and filter to your heart’s content.

🏌️ My development workflow with the scratchpad

I like to have quick access to my scratchpad and to do that, I keep Marquee's tree view open on the left next to my code. When coding, I collapse News and Todos. This way I'm not distracted unless I want to be, and can quickly insert or create notes directly into my file. The file tree is only one click away to navigate my project and the terminal at the bottom giving me quick access to yarn install etc in the repo.

Be sure to install Marquee and test drive it for yourself 🛺

Scratch while I'm coding

🤔 Making notes & todos even more useful

We are considering adding the ability to tag your snippets, and filter by tag and or language, the ability to jump directly back to the line in the file where the snippet came from, or add the global vs workspace scoping we currently provide for todos.

Do you like my workflow? What about yours? Tell us by clicking the feedback button in the Marquee welcome widget and let us know about what features your development workflow desires.

Also check out

Strava for VS Code
September 27, 2022
Strava for VS Code

We built an extension for VS Code to help devs understand, challenge and celebrate themselves as they work to be more balanced programmers. Go unlock your achievements now.

Are we developing more or less remotely now?
September 7, 2022
Are we developing more or less remotely now?

Developer Happiness Hour Notes discussing the evolution of remote development, the trend it’s going and some of the problems of remote development and the future of remote development.

Use VS Code for Bug Reporting to Lower the Bar for New Contributors
August 16, 2022
Use VS Code for Bug Reporting to Lower the Bar for New Contributors

As Open Source projects become more popular and the number of files and features grow, contributing to a project becomes more difficult. Learn in this blog post about a new VS Code extension that enables you creating GitHub issues with code references to help new contributor pick up your issues in no time.

© 2023 Stateful Inc. All rights reserved.