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
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
- Open Visual Studio Code.
- 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.
| |