• Coding Beauty
  • Posts
  • 10 steps to supercharge VS Code and code 10x faster

10 steps to supercharge VS Code and code 10x faster

New parseInt() mystery, VS Code upgrades, and more

Author

Tari Ibaba
July 08, 2024

Sponsored by

  • Techpresso: a daily rundown of what’s happening in tech and what you shouldn’t miss. Read by professionals at Google, Apple, and OpenAI. Check it out

  • GPTE AI: Discover over 5,000 new AI tools for productivity, design, content creation, and more. Check it out

Featured content

Don't make the same mistake I did.

I used to spend hours cold-emailing strangers and applying to random low-quality job listings.

I thought it was all a numbers game.

But it turned out to be a complete and utter waste of time.

The truth is there are only 5 major strategies that work -- and they are NOT easy (sorry).

If you use them blindly like 95% of people do: you will fail.

Or you get flaky, low-quality clients -- if you're lucky.

An interesting occurrence showing the sheer weirdness of JavaScript:

Just when you thought you knew everything about parseInt:

The funny thing is it returns 0 for four and five zeroes after the decimal point.

95% of developers are just wasting the potential of VS Code.

It has so many hidden gems that upgrade your productivity and quality of life -- but they're not using them.

Use these 10 solid tips to gradually supercharge VS Code and code faster: with powerful extensions, little-known keyboard shortcuts, beautiful fonts & colors, and so much more.

1. First things first

Starting with the essentials.

Learn important keyboard shortcuts

You will code so much faster once you learn these:

  • Copy line without highlighting: Ctrl + C

  • Highlight code left & right with Shift + Left / Right

  • Move line up / down with Alt + Up / Down

  • Delete line with Ctrl + K

  • Close file with Ctrl + W

  • Close all files with Ctrl + K, W

ES13 was packed with valuable features that completely transformed the way we write JavaScript.

Code became cleaner, shorter, and easier to write.

Let’s check them out and see the ones you missed.

Thanks for taking the time to read today’s issue.

Top-level await

Before ES13 we could never use await in the global scope: 

// ❌ Syntax error: await is only valid in async functions
await setTimeoutAsync(3000);

function setTimeoutAsync(timeout) {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('codingbeautydev.com');
    }, timeout);
  });
}

✅ But after ES13: 

// ✅ Waits for timeout - no error thrown
await setTimeoutAsync(3000);

function setTimeoutAsync(timeout) {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('codingbeautydev.com');
    }, timeout);
  });
}

Thanks for taking the time to read today’s issue.

Don’t let the bugs byte,
Tari Ibaba