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.

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn 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!

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay