JSON Manager

This extension allows you to manage your JSON files in a more efficient way. It provides a set of commands to manipulate JSON files, such as sorting, formatting, and minifying.

Table of Contents

• JSON Manager
  • Table of Contents
  • Requirements
  • Project Settings
  • Development
    • Getting Started
    • React Webview
  • Build
    • Compile Webview
    • Compile Extension
  • Connect with me
  • Other Extensions
  • Contributing
  • Code of Conduct
  • Changelog
  • Authors
  • License

Requirements

• VSCode 1.76.0 or later

Project Settings

Configure your project by creating or updating a settings.json file at the project's root. If you already have a .vscode/settings.json file, skip the first two steps.

1. Open the command palette in VSCode:

   • CTRL + SHIFT + P (Windows)
   • CMD + SHIFT + P (Mac OS)

2. Type Preferences: Open Workspace Settings (JSON).

3. In the .vscode/settings.json file, copy and paste the following settings:

   {
     "jsonManager.files.include": [
         "json",
         "jsonc"
     ], // The file extensions to watch for changes. Example: "json", "jsonc"
     "jsonManager.files.exclude": [
         "**/node_modules/**",
         "**/dist/**",
         "**/out/**",
         "**/build/**",
         "**/.*/**"
     ], // The files to exclude from watching. Example: "**/node_modules/**", "**/dist/**", "**/out/**", "**/build/**", "**/.*/**"
     "jsonManager.files.showPath": true, // Show the path of the file in the file name. Example: "home.component.tsx (pages/home)"
   }
   

4. Restart VS Code

Your project is now set up to automatically format code upon saving.

Development

For the development of this extension, you need to have Node.js installed on your machine. You can download it from the official website.

Getting Started

1. Clone the repository:

   git clone
   

2. Install the dependencies:

   npm install
   

3. Open the project in VSCode:

   code .
   

4. Press F5 to open a new window with the extension loaded.

5. Make your changes in the src directory.

React Webview

To test the extension in a webview, run the following command:

npm run dev

This command will open a new window with the extension loaded.

Make your changes in the webview directory.

Build

Compile Webview

1. Run the build command:

   npm run build
   

2. Run the compile command:

   npm run compile
   

3. The compiled files will be in the out directory.

4. Press F5 to open a new window with the extension loaded.

Compile Extension

1. Run the package command:

   vsce package
   

2. Run the publish command:

   vsce publish
   

Connect with me

Other Extensions

• NestJS File Generator
• NestJS Snippets
• Angular File Generator
• T3 Stack / NextJS / ReactJS File Generator
• CodeIgniter 4 Snippets
• CodeIgniter 4 Shield Snippets
• CodeIgniter 4 Spark
• Moodle Pack
• Mustache Template Engine - Snippets & Autocomplete

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Code of Conduct

Please read CODE_OF_CONDUCT.md for details on our code of conduct.

Changelog

See CHANGELOG.md

Authors

• Manuel Gil - Owner - ManuelGil
• Santiago Rey - Collaborator - ksreyr
• Andry Orellana - Collaborator - AndryOre

See also the list of contributors who participated in this project.

License

JSON Manager is licensed under the MIT License - see the MIT License for details.