Issue #23  (Git & Source Control)09/28/22

Advertisement
Get a weekly dose of tools, articles, and other resources covering remote work, productivity, career well-being, and lots more.

One of the powerful features of VS Code is its integrated source control management and Git support that comes bundled with the app. To use Git with VS Code, you need to have Git installed on your system and you should have at least a working understanding of Git and version control.

Source control features are available by clicking the "Source Control" option in the left sidebar menu.
 
Source Control in the Sidebar Menu in VS Code

If you've initialized a repository using Git, you'll see something like the following when you open the Source Control panel, depending on what the status of your files are:
 
Preparing to Stage and Commit in VS Code

If you click the three dots in the top right area of the Source Control panel, you'll see the full spectrum of options available — committing, pushing, pulling, dealing with branches, cloning, and so on.
 
More Git Options in VS Code

I decided to make a few updates to my frontend feeds repository, so you can see the modified files (note the "M" symbols next to the files) after they've been staged, ready to be committed:
 
Staged Files Ready to Commit in Git in VS Code

Once the files are committed, I can sync them:

Ready to Sync files in Git in VS Code

For more info on using Git in VS Code, check out the VS Code docs on that subject, which includes a few embedded YouTube videos that you might find helpful as well.

If you're using something other than Git for version control, you can look up the tool name in the extensions panel, which will allow you to install an extension for that tool.
 
Now on to this week's hand-picked links!
 
 

VS Code Tools

Theme Studio — Online tool to easily create VS Code themes from scratch. You can also browse and 'star' existing themes in a directory.

Figstack — An intelligent coding companion for VS Code that helps you read, write, and understand code. It can answer questions, explain code, generate documentation, and calculate the time complexity of functions.

Docker — A popular extension from Microsoft for Docker that makes it easy to create, manage, and debug containerized applications.

MongoDB for VS Code — Connect to MongoDB and Atlas directly from your VS Code environment, navigate your databases and collections, inspect your schema and use playgrounds to prototype queries and aggregations.

VS Code Articles

How to Improve Your VS Code’s Appearance with Settings — Covers customizations for fonts, breadcrumbs, saving files, cursors, folders, rulers, and window title.

14 VS Code Shortcuts to Supercharge Your Productivity — An article from last year. Lots of tips here, but not a lengthy post for those looking for new shortcuts to learn.

How to Open VS Code from the Terminal/Command Line — A quick tip from 2020 for VS Code users on Mac.

Get Smarter Every Day — Every day Refind picks 7 links from around the web that make you smarter, tailored to your interests. Loved by 50k+ curious minds. Subscribe for free today.   Sponsor 

Best of the Rest

JetBrains Space — An all-in-one software development platform, integrated with JetBrains IDEs.

Vim Adventures — A really cool interactive game to help you learn how to use Vim.

Arduino IDE — IDE for Arduino developers, now updated to 2.0 to include a more modern editor and a more responsive interface that includes autocompletion, code navigation, and a live debugger.


Suggestions?

If you have any link suggestions, including a tool, article, or other resources related to VS Code or another IDE, send it via DM on X: @LouisLazaris or just hit reply on this email.

That's it for this issue.

Happy VS Coding!
Louis
VSCode.Email
@LouisLazaris
Copyright © VSCode.Email. All rights reserved.

Not affiliated with Microsoft, Visual Studio Code, or any of its trademarks.