vscodeasy

Main Features

• Virtual clipboard slots
• Canvas

Usage

Clipboard Macro: CTRL + ALT + C, 1 -> clipboard 0 CTRL + ALT + C, 2 -> clipboard 1 CTRL + ALT + C, 3 -> clipboard 2 CTRL + ALT + C, 4 -> clipboard 3 CTRL + ALT + C, 5 -> clipboard 4

Canvas: Open Command Palette (CTRL + SHIFT + P) -> VSCodeasy: Open New Whiteboard

Description

Many codebases come filled with boilerplates that usually require copy-pasting. Although scrolling and copy-pasting works just fine, it becomes extremely troublesome when you have a few separate boilerplates to keep. Separately, pair-coding has become quite common especially in a world where WFH (or remote work) contributes to about 40% (according to WFHResearch). People currently use whiteboard features from Zoom, Teams, and Google Meets to communicate code in diagrams or drawings. The reliance on these, especially when switching tabs or screens to use both simultaneously becomes rather tedious after a while.

These problems led us to develop a VSCode IDE extension with 2 main features: 1. Macro-enabled multiclipboarding. This feature tackles the need for maintaining a few boilerplates and being able to use them interchangeably through macros. On top of that, the side panel allows users to see the clipboard history and which clipboard binds contains what texts, and 2. Built-in whiteboard canvas as a separate tab in VSCode, now users can have both code and canvas on a single window. This tackles the problem of interactive visual coding between collaborators in the meet.

We created this extension with the VSCode API, Javascript, HTML, and CSS tech stack. It was our very first time doing something like this, and we took this challenge as one that will greatly benefit coders such as us if it becomes widely adopted.