Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Dev Helper ExtensionNew to Visual Studio Code? Get it now.
Dev Helper Extension

Dev Helper Extension

Souptik Sarkar

|
11 installs
| (1) | Free
A developer helper extension with JSON formatting and template generation.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Dev Helper Extension

Overview

The Dev Helper Extension provides useful tools for developers, including:

  • JSON Formatter: Automatically format your JSON files to make them more readable.
  • Project Template Generator: Quickly generate HTML, CSS, and JavaScript templates for a basic web project.

Features

1. JSON Formatter

To format a JSON file:

  • Open any .json file.
  • Press Ctrl+Shift+P (or Cmd+Shift+P on macOS) to open the Command Palette.
  • Type Format JSON File and hit Enter.

This will format the entire JSON file with proper indentation.

2. HTML/CSS/JS Template Generator

To create a basic project template:

  • Press Ctrl+Shift+P (or Cmd+Shift+P on macOS) to open the Command Palette.
  • Type Create HTML/CSS/JS Template and hit Enter.
  • Select a folder where you want the template files to be created.

This will generate the following files in the selected folder:

  • index.html
  • styles.css
  • app.js

How to Install

  1. Open Visual Studio Code.
  2. Press Ctrl+P, then type ext install <extension-name>, and hit Enter.

How to Use

  • Open any JSON file to use the JSON formatter.
  • Use the Command Palette (Ctrl+Shift+P) to create new HTML, CSS, and JS templates.

Contributing

Feel free to submit issues or pull requests to improve this extension.

License

This extension is licensed under the MIT License.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft