Skip to content

Jamie Pittman

A 30-Something Trying To Get It Right and Helping Others Along the Way

  • About
  • Blog
  • Helpers
  • Portfolio
  • Contact
  • About
  • Blog
  • Helpers
  • Portfolio
  • Contact

4 of The Most Helpful VS Code Extensions & Features for New Web Developers

January 1, 2021January 1, 2021 Jamie Leave a comment
4 of The Most Helpful VS Code Extensions & Features for New Web Developers

*I may be compensated if you purchase through any affiliate links on this site.*

Things have come a long way with code editors since I started my development career four years ago. During my coding bootcamp days, I was using Sublime Text. When I moved into my first job I used Atom, and then eventually Visual Studio Code (VS Code).

At this point, I think VS Code is a top choice for new web developers because of all the wonderfully helpful extensions available to users.

How many times have we gotten stuck on something because we can’t find a missing bracket? Or how great would it be to have an HTML boilerplate ready to go with a few simple keystrokes?

If you’re a new developer, I urge you to install these 5 VS Code extensions as soon as possible! It will help alleviate any trivial roadblocks you might encounter that will only further complicate your learning.

via GIPHY

HTML Boilerplate

I remember when I first started learning how to code, I was very concerned that I was going to have to memorize how to setup HTML files for new projects. It seemed like a cruel expectation. Thankfully, that is not an expectation of anyone and they make extensions for that!

HTML Boilerplate does all the work for you! All you have to do is type: html.

Bracket Pair Colorizer

We have all had days in our development careers where we were chasing down matching brackets. It doesn’t matter if you’re a beginner or a seasoned professional — it happens to everyone!

The Bracket Pair Colorizer extension is a great way to keep track of what brackets go where. Sure, the errors in the editor are great and helpful, but sometimes they can be a little misleading. This extension helps to expedite the process of finding that curly brace you accidentally deleted.

Live Share

Live Share is a wonderful feature of VS Code that allows you to collaborate with other developers in real-time. For those of you who are starting your career in a remote setting, whether you’re in school, bootcamp, or starting a new job, this makes collaborating with peers so much easier.

via GIPHY

Live Server

I totally forgot about this until a wonderful co-worker reminded me of it. When you are just getting started with HTML, CSS, and JavaScript, trying to see what you’re creating in real-time can be a little cumbersome. This is where Live Server makes things a bit easier for you.

Once this extension is installed and activated for your specific project (make sure you read the instructions on how to use it), you will have a local development server running with live reload. So helpful!

I hope that helps!

Learning to code is a huge undertaking and I believe these four features mentioned will really alleviate some of the unnecessary challenges that you might face along the way.

Are you new to coding and have questions? Let me know! Follow me for more articles like this one.

Photo by Lewis Ngugi on Unsplash

codingcsshtmljavascriptvs code

Related Posts

How to Use JavaScript Reduce(): It’s Easier Than You Think
How to Use JavaScript Reduce(): It’s Easier Than You Think
How to Use JavaScript Includes()–It’s Remarkably Easy
How to Use JavaScript Includes()–It’s Remarkably Easy
forEach in JavaScript: How to Effectively Use It
forEach in JavaScript: How to Effectively Use It
A Look Back at My Unusual Journey to Becoming a Female Web Developer
A Look Back at My Unusual Journey to Becoming a Female Web Developer

Post navigation

How to Use JavaScript Reduce(): It’s Easier Than You Think

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recent Posts

4 of The Most Helpful VS Code Extensions & Features for New Web Developers
Blog ➤ January 1, 2021

4 of The Most Helpful VS Code Extensions & Features for New Web Developers

*I may be compensated if you purchase through any affiliate links on this site.* Things have come a long way with code editors since I started my development career four years ago. During my coding...

Read More
How to Use JavaScript Reduce(): It’s Easier Than You Think
Blog ➤ October 24, 2020

How to Use JavaScript Reduce(): It’s Easier Than You Think

*I may be compensated if you purchase through any affiliate links on this site.* I will start this post out by admitting that JavaScript reduce() was the most intimidating array method for me by far....

Read More
One of the Best North Carolina Mountain Vacations: Counting Sheep on a Beautiful Farm
Blog ➤ October 10, 2020

One of the Best North Carolina Mountain Vacations: Counting Sheep on a Beautiful Farm

*I may be compensated if you purchase through any affiliate links on this site.* Last weekend I spent four wonderful days on a North Carolina mountain vacation. My two closest friends and I headed west...

Read More
5 Of The Most Delicious, Limited Time Trader Joe’s Fall Items This Year
Blog ➤ October 3, 2020

5 Of The Most Delicious, Limited Time Trader Joe’s Fall Items This Year

*I may be compensated if you purchase through any affiliate links on this site.* It’s fall y’all! And for me, one of my favorite parts is about this season is Trader Joe’s fall items. It’s...

Read More
How to Use JavaScript Includes()–It’s Remarkably Easy
Blog ➤ September 30, 2020

How to Use JavaScript Includes()–It’s Remarkably Easy

*I may be compensated if you purchase through any affiliate links on this site.* The JavaScript array method includes(), like so many other array methods, does what its name proclaims: it will check an array...

Read More

Subscribe

Stay up to date with our latest posts and news!

Categories

  • A Better Me (1)
  • Blog (19)
  • Career (9)
  • Coding (14)
  • Finance (1)
  • Food (1)
  • Lifestyle (1)
  • Pages (4)
  • Travel (1)
  • Travel (1)
  • Tutorials (2)
  • Wellness (1)

Instagram

Hey, There!

Hey, There!

Jamie Pittman, Founder

*I may be compensated if you purchase through any affiliate links on this site.*

Welcome to my blog! Here you’ll find stories from my life, advice about your career, and blogs about all the things I love. Contact me!

Recent Posts

  • 4 of The Most Helpful VS Code Extensions & Features for New Web Developers
  • How to Use JavaScript Reduce(): It’s Easier Than You Think
  • One of the Best North Carolina Mountain Vacations: Counting Sheep on a Beautiful Farm
  • 5 Of The Most Delicious, Limited Time Trader Joe’s Fall Items This Year
  • How to Use JavaScript Includes()–It’s Remarkably Easy
  • About
  • Blog
  • Helpers
  • Portfolio
  • Contact
© 2021 | Designed by Little Theme Shop