DEV Community

Cover image for Viewing and navigating huge JSON files (hundreds of megabytes) using Visual Studio Code
Thai Pangsakulyanont
Thai Pangsakulyanont

Posted on

17 4

Viewing and navigating huge JSON files (hundreds of megabytes) using Visual Studio Code

Problem: I am trying to view a huge JSON file.

Viewing this directly in VS Code, there is no syntax highlighting or folding. Navigating this JSON tree is incredibly difficult.

Solution: So, I created a new JavaScript file:



const data = require('./webpack.stats_master.json')
debugger


Enter fullscreen mode Exit fullscreen mode

…and pressed F5.

This starts a Node.js debugging session.

Now, JSON data is visualized in a tree view. Problem is solved.

API Trace View

How I Cut 22.3 Seconds Off an API Call with Sentry πŸ•’

Struggling with slow API calls? Dan Mindru walks through how he used Sentry's new Trace View feature to shave off 22.3 seconds from an API call.

Get a practical walkthrough of how to identify bottlenecks, split tasks into multiple parallel tasks, identify slow AI model calls, and more.

Read more β†’

Top comments (2)

Collapse
 
alelom profile image

Still works only when the Json is not TOO large (>700mb here)

Image description

Collapse
 
mliakos profile image
Emmanouil Liakos β€’

Smart!

API Trace View

How I Cut 22.3 Seconds Off an API Call with Sentry

Struggling with slow API calls? Dan Mindru walks through how he used Sentry's new Trace View feature to shave off 22.3 seconds from an API call.

Get a practical walkthrough of how to identify bottlenecks, split tasks into multiple parallel tasks, identify slow AI model calls, and more.

Read more β†’