DEV Community

Cover image for My first VS Code Extension
Muhammed Sabith
Muhammed Sabith

Posted on

My first VS Code Extension

It was one of my dreams to publish a VS Code extension. Over the past 2–3 days, I was researching how to do it, and finally, I came across a YouTube video that explained how to create one yourself.

I didn't waste a minute. I immediately started working on an extension to solve a problem I was facing as a developer. (Note: I didn’t fully solve the problem yet, but at least I learned how to build an extension.)

The problem was that I was very unproductive while using VS Code. If I started coding, I would sometimes sit in front of the screen for hours without taking a single break. I often lost track of time. On the other hand, sometimes I would keep switching between different social media platforms, which also made me unproductive and slowed down my work.

As a solution, I came up with the idea of building a timer that includes multiple productivity techniques (for example: Pomodoro, Flowtime, the 52/17 Rule, etc.). With this, I can choose a timer, start it, and see the remaining time directly in VS Code. When the work duration ends, it reminds me to take a short break and automatically starts the break timer. This cycle continues until I manually stop the timer.

Note: My initial idea was to create a timer that freezes VS Code when the work duration ends, so the user can’t do anything during the break. Once the break finishes, the editor would unlock and the user could continue working. I haven’t implemented that feature yet, but I definitely plan to add it in the near future.

you can check out the timer on VS Code extensions : seta-timer

and I've made it open source, so you can check it out at : seta_timer

and I would be definitely making a tutorial on how to create your own extension in the coming days ❤️‍🔥📈😎

Top comments (2)

Collapse
 
hassamdev profile image
Hassam Fathe Muhammad

Nice Work Friend, this seta-timer idea is quite good to start the open source & publishing journey....

Collapse
 
masterdevsabith profile image
Muhammed Sabith

Yeah ❤️🔥