Fullstack Unicorn
🚀 The One and Only Fullstack Unicorn Extension
A productivity-focused VS Code extension offering instant developer tools, courses, workspace automation, and one-click commands — all tailored for fullstack workflows in containerized workspaces.
✨ Features
- 📚 Integrated practical courses and articles inside VS Code
- ⚙️ One-click workspace launcher for remote Vagrant/Docker-based setups
- 🧱 Developer tools to scaffold React Vite / React Native projects
- 🖼️ Utilities like favicon generation and metadata-ready index.html
- ⌨️ Keyboard-free Git: push changes with a single sidebar click
- 🖥️ Terminal orchestrator: launch all your projects in dedicated terminals via
Terminals.json
⚡ Be Ready in Seconds
- Open your entire fullstack workspace in one click
- Launch and link all project folders automatically
- Scaffold frontend or backend apps in seconds
- Easily extend your workspace with your own Docker/Vagrant structure
- Focused on speed, automation, and learning
📁 Requirements
This extension assumes a workspace layout designed for containerized dev environments.
Each workspace represents a specific domain (frontend, backend, extension, deployment), and contains isolated projects one level deep.
🔧 Workspace Layouts
Each workspace folder follows a standardized structure to organize multiple projects under one environment (e.g., frontend, backend, extension, deployment). Here’s how it’s typically organized:
- workspace-root-frontend/
- workspace-root-backend/
- workspace-root-extension/
- workspace-root-deployment/
Each of these contains the following files and folders:
- Dockerfile: Defines the container environment.
- Vagrantfile: Vagrant setup for provisioning the environment.
- Workspace.code-workspace: VS Code workspace file that groups projects.
- Terminals.json: Terminal configurations used to launch each project.
- project-1/, project-2/, project-3/, project-4/: Each subfolder is an individual project inside that environment.
Example:
workspace-root-frontend/project-1 is a React app
workspace-root-backend/project-1 is a Node.js API
The root should match the container’s workspace folder
Workspace.code-workspace
is required to open the workspace with a click
Terminals.json
is required to define the startup terminals for each project
Git commands assume each cd
folder contains a .git
repo
🛠 Extension Commands
Command |
Description |
Open Webview |
Opens the main Fullstack Unicorn webview |
Open Workspace |
Loads or creates the predefined workspace file |
Open Terminals |
Reads and launches terminals from Terminals.json |
Git Push (per project) |
Runs git add/commit/push in target folder |
📦 Release Notes
2.0.0
- Rebuilt sidebar and commands engine
- Added workspace detection and terminal coordination
- Added webview and CLI scaffold tools
- Introduced project-aware Git operations
💬 Feedback
We’re building this for fullstack developers like you.
If you’ve got suggestions or ideas, open an issue or tag @lucanigido
.
Enjoy 🦄