VS File Manager
Advanced structured file editor with file synchronization capabilities for Visual Studio Code.
Easily edit complex JSON, YAML, XML, and TOML files using a hierarchical block editor, synchronize changes across multiple files, and perform batch updates efficiently.
Features
- Block Editor: Edit structured files in a hierarchical block view using dot notation (e.g.,
config.db.host)
- File Synchronization: Automatically detect and synchronize changes across multiple files with same name in your project
- Batch Updates: Apply the same changes to multiple structured files simultaneously
- Multi-format Support: Works seamlessly with JSON, YAML, XML, and TOML file formats
- Smart Detection: Automatic detection of same-named files with configurable sync prompts
- Extensible Architecture: Easily extendable to support additional structured file formats
Structured Block Editor
The Block Editor provides a user-friendly interface for editing structured files with a hierarchical view:
Key features of the Block Editor:
- View file contents organized by depth levels
- Edit values in place with type preservation
- Add new blocks at any depth level
- Delete unwanted blocks
- Search functionality to find specific keys
- Save or reload the document as needed
Installation
From VS Code Marketplace
- Search for "VS File Manager" in the Extensions view (
Ctrl+Shift+X or Cmd+Shift+X)
- Click Install
From VSIX (Manual Installation)
- Download the
.vsix file from the latest release
- In VS Code, open the Extensions view (
Ctrl+Shift+X or Cmd+Shift+X)
- Click the "..." menu in the top right
- Select "Install from VSIX..."
- Choose the downloaded
.vsix file
Commands
Edit Structured Blocks: Open the block editor with a custom webview UI for structured filesSync Files: Manually trigger file synchronization for structured filesBatch Update Structured Files: Apply the same changes to multiple selected structured files
Usage
Editing Structured Blocks
- Open a JSON, YAML, XML, or TOML file
- Use the Command Palette (Ctrl+Shift+P or Cmd+Shift+P) to run "Edit Structured Blocks"
- Modify values in the webview editor
- Click "Save Changes" to apply modifications
- Optionally, apply changes to other files using the batch update feature
Extension Settings
This extension contributes the following settings:
vsfilemanager.enable: Enable/disable this extensionvsfilemanager.syncPrompt: Enable/disable automatic sync prompts
Release Notes
1.3.6
Latest improvements and fixes:
- Fixed nested object deletion functionality in block editor
- Enhanced key handling for array elements in the block editor
1.3.5
Latest improvements and fixes:
- Fixed syntax errors with template literals in block editor handler
- Resolved invalid character issues in JavaScript template strings
1.3.4
Latest improvements and fixes:
- Fixed issue where multiple block editors could be opened for the same file
- Resolved ESLint configuration to properly support ES6 Map features
- Enhanced single editor per file functionality to prevent data conflicts
- Fixed nested values from being deleted
- Improved error handling and messaging for invalid JSON
- Fixed message auto dismiss for save changes operations
- Fixed webview refresh when depth level is 0
- Added the command in right-click menu
1.3.3
Latest improvements and fixes:
- Fixed object deletion functionality in webview for JSON files
- Fixed issue where media assets were not included in VSIX package
- Fixed ESLint error with function declaration in block editor handler
- Enhanced deletion logic to properly handle nested object structures
- Enhanced cancel logic in QuickPick dialog
- Improved VSIX packaging to include all necessary media assets
1.3.2
Latest improvements and fixes:
- Added unit tests to improve code coverage
- Fixed webview block refresh issues
- Added save change notification for deletion operations
- Defined timeout configuration for message display
- Enhanced code commit check with Husky and lint
For detailed changelog of all versions, please refer to CHANGELOG.md.
