CodeSwing is an interactive coding playground for VS Code, that allows you to build/explore/learn rich web applications ("swings"). It's like having the magic of a traditional web playground (e.g. CodePen, JSFiddle), but available directly from your highly-personalized editor: themes, keybindings, and extensions...oh my!

You can use the sample code below to run a simple Java AWT application in VS Code. Swing application development is supported by default. You can directly write your Swing application code without any setup. You can find more Swing samples in the Oracle Swing documentation.

Getting started with CodeSwing for VSCode, and exporting your first CodePen.

Video for https://www.bram.us/2021/09/30/codeswing-interactive-coding-playground/

CodeSwing is an interactive coding playground for VS Code, that allows you to build/explore/learn rich web applications ("swings"). It's like having the magic of a traditional web playground (e.g. CodePen, JSFiddle), but available directly from your highly-personalized editor: themes, keybindings, and extensions...oh my!

Sep 30, 2021 · CodeSwing is an interactive coding playground for VS Code, that allows you to build/explore/learn rich web applications (“swings”). It’s like having the magic of a traditional web playground (e.g. CodePen, JSFiddle), but in Visual Studio Code!

Oct 1, 2021 · 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.

Sep 10, 2024 · CodeSwing offers the best of both worlds: the flexibility of working locally with a robust IDE like Visual Studio Code and the ease of real-time feedback typical of online editors like p5.js or CodePen.

Jan 2, 2021 · There's a setting called CodeSwing: Auto Run that you can set to onSave (it's onEdit by default). That said, what do you think about adding a new setting called CodeSwing: Clear Console on Run, that's true by default? That way, you can get the nice edit-on-type experience, without the console getting cluttered with intermediate output?

Feb 11, 2021 · Just like you create a pen in CodePen, you create a swing in CodeSwing. Create a folder in the location of your choice for a new project and open it in VSC. This step is important. Don't skip it. Install the CodeSwing extension. Open Command Palette using cmd+shift+p and type CodeSwing.