How to Format Code in Visual Studio Code

Return to the Insights Blog

Aug 7, 2019 | Microsoft 365

If you use Microsoft’s Visual Studio Code, changing the code format may not be all that obvious. Here is a quick “how-to” to help you save time…

Visual Studio Code

For those who don’t identify as a “developer,” we need an IDE (Integrated Development Environment) tool to look at our HTML, CSS, JavaScript, PowerShell, etc. code. The decision is based on personal preference; some people use Notepad, Notepad++, PowerShell ISE (PowerShell only)…etc. depending on the level of comfort or familiarity with each.

If you live in the Microsoft world, like I do, you likely know about Visual Studio Code – a lightweight, but very powerful, IDE built from the ground up by Microsoft to leverage current code technology. 

Visual Studio Code has support for various types of code that may be relevant to you, including a PowerShell console. One thing you will quickly run into is Visual Studio Code does not automatically format the code. The question remains, how do we do that?

How to Format Code

Let’s say you are trying to review the sample JSON to format columns in SharePoint Online. You paste the code and it’s formatted as plain text. 

In the bottom right, click on “plain text.” You will see the formatting picker where you can choose your code type:

When you have your code open, click on “plain text” to properly format your code. You will get formatting, IntelliSense, and lots of other goodies.

I hope this helps save someone the confusion of searching through all of the top menus in vain. Please let us know how we can help you with your current technical struggles or business process pains!

Search Posts

Recent Posts

Subscribe to The Insights

Stay ahead with C5 Insight's latest resources delivered straight to your inbox. We share expert insights on Microsoft business solutions (e.g., Copilot, Dynamics 365 CRM, Microsoft 365), business strategy, employee and customer engagement, upcoming events, and more.