How To Become A VSCode Girl - From A VSCode Girlby@karenying
575 reads
575 reads

How To Become A VSCode Girl - From A VSCode Girl

by Karen YingNovember 29th, 2020
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

Karen Ying is a junior web developer at Princeton. She explains how to become a VSCode Girl. Here she shares her tips on how to be a "VSCode girl" and how to build your own blog and portfolio sites. She also discusses how to use GitHub and Hinge to help you build a website with low barriers to entry. She suggests creating a personal and/or portfolio site to show off your personality and your projects. Link your site EVERYWHERE. Link it with GitHub, LinkedIn, Twitter, Facebook, Instagram, and yes even your Hinge.
featured image - How To Become A VSCode Girl - From A VSCode Girl
Karen Ying HackerNoon profile picture

I didn’t coin the term “VSCode girl” but I’m here to teach you how to become one. It’s a lifestyle, a mindset, not a stereotype.

VSCode girl >> VSCO girl

We’ve emerged from the sticky depths of MacBook butterfly keyboards to oppose our archnemesis, the tech bros. This is the post that will have them quaking in their Allbirds wool runners.


In order to be a VSCode Girl, you gotta download VSCode and use it as your main IDE of course. What do you think I’m writing this blog post from?

Here are some extensions I love:


Ah yes, the social media platform for brogrammers.

You need to become “the guy she tells me not to worry about”.


Start putting all your coding projects on GitHub. Version control and open source is cool.


Pin your most starred/forked/favorite repos so that lurkers can see them immediately.


Coding for a school assignment? Great, make that repo private and still commit frequently to it. Definitely turn on private contributions for your activity calendar:

You can keyboard smash as commits for private repos but you should probably have legit commit messages for your public ones.

Commit to GitHub more than relationships.

Repeat this mantra over and over again. It’s a central tenet of being a VSCode girl.

Profile README

Recently, GitHub let users add a profile README that sits on top of the profile page.

People have gotten real creative with how to utilize this space. I opted for a simpler approach but you can really do whatever you want.

PRO Badge

If you’re a student, you get GitHub Pro for free.

Do I know what benefits I get for it? No. But does it look cool? Yes.

Personal/Portfolio Site

Create a personal and/or portfolio site to show off your personality and your projects.

I bought my domain off GoDaddy, built it with React, and deployed it for free on Netlify.

Some blog posts I wrote to help with this:

Link your site EVERYWHERE. GitHub, LinkedIn, Twitter, Facebook, Instagram, and yes even your Hinge.


If you thought Hinge was a dating app … No, it is so much more. For starters, it is THE place to expand your personal brand’s reach. You just gotta tailor your profile towards the average tech bro, slap your personal site link on it, and watch your SEO skyrocket (disclaimer: SEO is a blackbox — no one really knows how it works but I promise you this can’t hurt).

You think I’m kidding? This is the first prompt on my profile:

To trap the tech bros(’ views), you need to mention some other buzzwords on your profile (think: climbing, boba, Elon, Robinhood) and set your location to South Bay.

A side effect, whether you like it or not, is that you’ll receive DMs like such:

What’s your favorite stack? Mine is me on top of you

Ugh gross 🤮 but probably MERN

Are you http? Because me without you is just ://

Pretty clever but are you insecure? Why not HTTPS smh

Is this entire profile just an ad


Can you build me a website

Sure. I charge $100 for an initial consultation and $200/hour after that. Email me

if ([REDACTED] === cute) return go_on_date

Triple equals implies JavaScript which uses camelCase, not 🐍 Boy, bye

But remember, Hinge is not a dating app, it’s merely a stepping stone (where you step on tech bros) for SEO. Do not get distracted.


You can start by writing on Hackernoon. It’s free with low barriers to entry.

If you want to take it to the next level, you can code your own blogging site. Mine was bootstrapped with Lumen, a lightweight Gatsby blog starter. It is statically hosted on Netlify.


To have a successful LinkedIn, you need a couple of things:

  • A clean semi-professional headshot
  • A tasteful banner/cover image
  • A succinct header
  • Filled out details for every section

With these things in hand, pretty soon you’ll have an army of LinkedIn simps. Hint: they’re useful for promoting your blog posts.


Tech Twitter is a weird but fun place.

Tweet your blogs, your opinions, unpromptedly code review tech bros’ mediocre snippets if they dare share a screenshot.

You should tweet as if you had millions of followers (I have 24). Fake it till you make it, right?

Previously published at