Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Code PlaygroundNew to Visual Studio Code? Get it now.
Code Playground

Code Playground

Saurav Gupta

|
1 install
| (0) | Free
A sleek Code Playground sidebar for running code, testing inputs, and taking notes.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Code Playground VS Code Extension 🎢

A sleek, modern, and lightweight Code Playground integrated directly into your VS Code Side Bar. Run code snippets, test inputs, and keep notes without switching context.

Code Playground Demo

✨ Features

  • Integrated Environment: Write code in your main editor, manage Input/Output in the sidebar.
  • Multi-Language Support: Works with Python, JavaScript, C++, Java, Rust, and more (configurable).
  • Sleek UI: Modern, glass-like design that respects your VS Code theme.
  • Persistent Notes: Scribble down thoughts, edge cases, or TODOs. Notes are saved automatically.
  • Local Execution: Runs code on your machine using your own compilers/interpreters. No cloud dependencies.

🚀 Getting Started

  1. Open any file (e.g., script.py).
  2. Open the Code Playground view from the Activity Bar or Side Bar.
  3. Enter your program input in the Input tab.
  4. Click Run Code (or invoke the command).
  5. View results in the Output tab.

⚙️ Configuration

This extension relies on your local environment. You can configure the execution command for each language.

Default Settings:

"codePlayground.executorMap": {
    "python": "python3 -u $fileName",
    "javascript": "node $fileName",
    "c": "gcc $fileName -o $fileNameWithoutExt && ./$fileNameWithoutExt",
    "cpp": "g++ $fileName -o $fileNameWithoutExt && ./$fileNameWithoutExt",
    "java": "javac $fileName && java $fileNameWithoutExt"
}

Variables:

  • $fileName: The full name of the file (e.g., main.cpp).
  • $fileNameWithoutExt: The file name without extension (e.g., main).
  • $dir: The directory of the file.

To support Rust, for example, add this to your settings.json:

"codePlayground.executorMap": {
    "rust": "rustc $fileName && ./$fileNameWithoutExt"
}

📋 Requirements

  • You must have the compiler/interpreter for your language installed locally (e.g., Python, Node.js, GCC).
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft