Artboard 16light, inspiration, solution, idea, innovation,Google Sheets iconSwift icon
Published at
Updated at
Reading time
This post is a note that includes my thoughts about something I found online. Check it out yourself!

I was a huge CodePen fan in the past, but lately, I prefer my local development environment for creating quick demos and tryouts. I'm so used to my VS Code setup that I don't want to miss it.

To not fill my computer with random "throw away files", I usually create projects in the /tmp directory, test something out and forget about the files because they'll be deleted automatically.

Today I discovered the CodeSwing VS Code extension. It's like a local CodePen and precisely what I needed. It quickly spins up a demo environment, includes a snappy browser preview and automatically cleans up the files. It's beautiful!

CodeSwing in VS Code including an editor for HTML, JS and CSS and a preview window

Find CodeSwing on the VS Code marketplace or, if you want to learn more, read Bramus' blog post about it.

Related Topics

Related Articles