CodePlug (BETA) — Roblox ↔ VS Code Sync Plugin + Custom Server App

:electric_plug: CodePlug (BETA) — Roblox ↔ VS Code Sync Plugin + Custom Server App

I built because a friend requested it, and he preferred this approach.

Plugin: https://create.roblox.com/store/asset/112699457053597/codePlug
Software (CodePlug App): https://drive.google.com/file/d/1mXSXpWf11Kk17AYQuCjXSrHsvWQFJ72l/view?usp=sharing
GitHub (Server Code + Plugin): https://github.com/esadams188/codePlug-Open-source-/tree/main








:light_bulb: Overview

CodePlug is a Roblox Studio plugin that connects to a custom desktop app and lets you sync your Explorer hierarchy directly with VS Code. It’s designed for developers who want to edit Roblox scripts externally while keeping everything connected, organized, and crash-safe.

Originally planned as a paid tool, CodePlug is now open-source and in beta, available for everyone to test, improve, and customize.

This system uses a standalone app (CodePlug Server) that handles all file transfers locally between Roblox Studio and your computer. No cloud storage, no third-party servers — everything stays private and secure on your own device.


:brain: How to Set It Up

:ladder: Step-by-Step Setup

  1. Download the plugin from Roblox Creator Store:
    https://create.roblox.com/store/asset/112699457053597/codePlug
  2. Download and install the CodePlug App (Windows software):
    https://drive.google.com/file/d/1mXSXpWf11Kk17AYQuCjXSrHsvWQFJ72l/view?usp=sharing
  3. Open the app. When you first try to start the server, you might see something like:
    C:\Program Files\CodePlug\server.js
    Don’t worry — this just means the server script isn’t installed yet.
  4. Go to the GitHub repository and download the server code:
    https://github.com/esadams188/codePlug-Open-source-/tree/main
  5. Drag and drop the server code into your CodePlug installation folder (the location shown above).
  6. Restart the app and start the server again. It should now run successfully and connect with Roblox Studio!

:light_bulb: The app automatically handles the local server for you — no need to run terminal commands or set up Node manually.


:gear: Key Features

:white_check_mark: Two-way live sync (Roblox Studio ↔ VS Code)
:white_check_mark: Full Explorer hierarchy saving & rebuilding
:white_check_mark: Crash-safe sessions using code IDs
:white_check_mark: Custom standalone app with start/stop control
:white_check_mark: Fast local server (Express.js + chokidar watcher)
:white_check_mark: Minimal Dock UI with connection status


:toolbox: Requirements

  • Roblox Studio
  • CodePlug App (Windows)
  • Node.js 18+ (for the GitHub server code)
  • VS Code (recommended for editing)

:brick: What You Can Do

  • Edit scripts in VS Code while your game is open in Studio
  • Keep automatic local backups of your Explorer hierarchy
  • Rebuild or restore projects after a crash
  • Use Git for version control
  • Collaborate on projects with shared folders
  • Maintain large Studio projects safely and efficiently

:puzzle_piece: Open Source & Beta Info

CodePlug is still in BETA, meaning features and UI may change as development continues.
The Roblox plugin is open source, so anyone can modify or extend it for their own workflow.

GitHub Repo:
https://github.com/esadams188/codePlug-Open-source-/tree/main

:speech_balloon: Contributions and bug reports are welcome! If you find any issues, open a pull request or share your feedback on this thread.


:toolbox: Troubleshooting

:puzzle_piece: “C:\Program Files\CodePlug\server.js not found”
→ Download the server code from GitHub and drop it into that folder.

:warning: “Port 3000 already in use”
→ Close other Node.js servers or restart the CodePlug App.

:brick: “Studio not connecting”
→ Ensure the app and Studio are both open, and firewall isn’t blocking localhost.

:receipt: “Sync not updating”
→ Make sure the app says “Connected,” then restart the plugin inside Studio.


:man_technologist: Developer Message

CodePlug was built by CGI Eric to make Roblox Studio development faster, safer, and more professional — bringing a workflow closer to real-world software projects.

“My goal was to build a bridge between Roblox Studio and VS Code without depending on cloud syncs or external APIs — just your own machine.”

If you’d like to support, contribute, or test future features, leave feedback below or star the GitHub repo!


:rocket: Try It Now

Plugin: https://create.roblox.com/store/asset/112699457053597/codePlug
App (Windows): https://drive.google.com/file/d/1mXSXpWf11Kk17AYQuCjXSrHsvWQFJ72l/view?usp=sharing
GitHub Server Code: https://github.com/esadams188/codePlug-Open-source-/tree/main

2 Likes

you ever heard of something rojo and rojo explorer

2 Likes

Roblox has a built-in two-way sync feature for scripts, and soon it will also support hierarchies of scripts. Rojo and Argon also exist and do this already!

Yes, I have it. My goal was never to compete with anyone — that’s not what this is about. I simply enjoy developing, and I’m open to all platforms, whether it’s consoles, Nintendo, or others.

This project was actually a request from a friend. He didn’t like Rojo or Rojo Explorer, but he really appreciated what I built. That’s why I made it public — so people can download it if they want. It’s completely up to them.

I didn’t create it for attention or amusement; I made it because a friend asked me to. Whether people like it or not is fine — the main point is that it was something meaningful for him.

2 Likes

I know Roblox has its own two-way sync feature, and I’ve also seen what Rojo and Argon can do. That’s great for people who want those options. For me, though, this project wasn’t about competing or replacing those tools — it was simply something I built because a friend requested it, and he preferred this approach.

I decided to make it public so anyone else who might find it useful can try it out. At the end of the day, it’s just another option, and I’m happy if it helps even a few people.

1 Like