https://github.com/kongtaoxing/json-len

Show JSON length in VSCode based IDE
https://github.com/kongtaoxing/json-len

json tool vscode-extension

Last synced: about 2 months ago
JSON representation

Show JSON length in VSCode based IDE

• Host: GitHub
• URL: https://github.com/kongtaoxing/json-len
• Owner: kongtaoxing
• License: mit
• Created: 2025-03-18T08:15:08.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-25T10:45:07.000Z (over 1 year ago)
• Last Synced: 2025-03-25T11:33:10.148Z (over 1 year ago)
• Topics: json, tool, vscode-extension
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=kongtaoxing.json-len
• Size: 77.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# JSON Array Length

[![Version](https://img.shields.io/visual-studio-marketplace/v/kongtaoxing.json-len)](https://marketplace.visualstudio.com/items?itemName=kongtaoxing.json-len)

[![Installs](https://img.shields.io/visual-studio-marketplace/i/kongtaoxing.json-len)](https://marketplace.visualstudio.com/items?itemName=kongtaoxing.json-len)

[![Downloads](https://img.shields.io/visual-studio-marketplace/d/kongtaoxing.json-len)](https://marketplace.visualstudio.com/items?itemName=kongtaoxing.json-len)

[![Rating](https://img.shields.io/visual-studio-marketplace/r/kongtaoxing.json-len)](https://marketplace.visualstudio.com/items?itemName=kongtaoxing.json-len)

[![License](https://img.shields.io/github/license/kongtaoxing/json-len)](https://github.com/kongtaoxing/json-len/blob/main/LICENSE)

[![Issues](https://img.shields.io/github/issues/kongtaoxing/json-len)](https://github.com/kongtaoxing/json-len/issues)

A VS Code extension that displays the length of folded arrays and file size in JSON files. 中文版 README 在[这里](./README.zh-CN.md)。

## Features

- Automatically displays the length of folded arrays

- Shows file size at the top of the file

- Real-time statistics updates

- File size threshold limit, prompting users whether to render when files are too large (default 100Mb) to prevent performance impact

- JSON beautification with preview support

  - Use the "Beautify Preview" button to format any JSON file with a side-by-side preview

  - For single-line complex JSON files, automatic detection and formatting suggestions will be provided

## Usage

1. Open any JSON file

2. Array lengths will be automatically displayed when collapsed

3. File size will be shown at the top of the file

4. Click the "Beautify Preview" button in the editor to format JSON with preview

5. For single-line complex JSON files, you'll receive a prompt to format for better readability

## Examples

### Usage Example

![Usage Example](https://raw.githubusercontent.com/kongtaoxing/json-len/main/images/screenshot.png)

### File Size Threshold Settings

![Settings](https://raw.githubusercontent.com/kongtaoxing/json-len/main/images/settings.png)

### Beautify Preview

before:

![Beautify Preview](https://raw.githubusercontent.com/kongtaoxing/json-len/main/images/preview_before.png)

formating:

![formating](https://raw.githubusercontent.com/kongtaoxing/json-len/main/images/formating.png)

formated:

![formated](https://raw.githubusercontent.com/kongtaoxing/json-len/main/images/formated.png)

## Changelog

See [ChangeLog](./CHANGELOG.md)

## Issues

If you find any issues or have suggestions, please raise them in [GitHub Issues](https://github.com/kongtaoxing/json-len/issues).

## License

MIT