The QuickHTML Extension is a powerful tool designed to enhance the web design experience within Visual Studio Code. It provides a set of features that simplify the process of setting up and organizing web development projects.
Features
Default Workspace Setup: Quickly generate a default workspace with essential HTML, CSS, and JavaScript files.
Organized Folders: The extension creates a structured folder layout for CSS, JavaScript, and images.
Placeholder Content: Each file is pre-populated with placeholder content, making it easy to start coding right away.
Installation
Launch Visual Studio Code.
Go to the Extensions view by clicking the square icon in the sidebar or pressing Ctrl+Shift+X.
Search for "QuickHTML".
Click the Install button.
Usage
Open Visual Studio Code.
Press Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (macOS) to open the command palette.
Type "QuickHTML: Create" and select the command.
The extension will create the default workspace structure with files and folders.
Customize the generated files and start building your web project!
Folder Structure
Your project will have the following folder structure after using the extension:
your-project-folder/
index.html
css/
index.css
js/
index.js
images/
tab-icon/
tab-icon.png
Contributing
Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request on GitHub.