This is how IntelliSense works out-of-the-box without you having to manually set anything up. Basically, VS-Code is constantly doing a lot of look-ups that you were probably never aware of! If a file is called package.json, VS-Code will automatically find the package.json schema in the background. VS-Code does this in the background without you having to do anything. VS-Code uses the name of the file to try and find the correct schema to use with it. When you use VS-Code out-of-the-box, a number of common schemas are provided for common JSON files, like package.json. In order to use Intellisense within a JSON file, a schema needs to exist. This will allow you to focus on writing good code. Instead, you can use Intellisense to remind you of the available options. Using IntelliSense means you do not need to remember every single option for every single configuration file that you work with. Using IntelliSense, will not only save developers from necessarily typing stuff out, but it will also provide type checking for improved validation checks.

Making use of IntelliSense correctly can be a real-time saver for developers. When working with JSON in VS-Code, it is possible to leverage Intelli-sense to help minimise data entry errors. NOTE: This tip also works with all languages that VS-Code supports! Intellisense VS-Code should automatically format the JSON for you so its easy to read. To auto-format the document, simply select ALT + SHIFT + F. If you are within VS-Code and the JSON that you are working on isn't formatted nicely, instead of manually trying to correct it, you can use the VS-Code auto-format feature. It is also much easier to hide/reveal certain aspects of the document using the JSON view filters How do I Beautify JSON within Vscode? !īy selecting the 'Open in JSON viewer' option from the command palette, you can view a JSON document in an easier and cleaner way compared to simply opening it within VS-Code. As seen below, this extension gives you a new view within VS-Code to work with JSON files: Personally, I find this view OK to quickly scan a simple JSON document, however, I find it much easier to drill into a more complex JSON object using JSONViewer. Out-of-the-box, it is obviously possible to view JSON files in VS-code directly. If this sounds useful for you, read on 🔥🔥🔥 How do I view a JSON file in Visual Studio? JSON is definitely one of those areas for most developers. When looking to become more productive, learning better ways to work on tasks that you perform very regularly should skyrocket your productivity 🚀.

As a web developer who writes code that communicates with APIs on a weekly basis, I spend a good chunk of every week dealing with JSON. JSON is definitely the defacto way to get data from APIs. In this tutorial, you will learn some tips and tricks that will allow you to work more efficiently with JSON within VS-Code.

Visual studio code format json