https://github.com/dang115/quickhtml

A Visual Studio Code extension for streamlining web design workflows.
https://github.com/dang115/quickhtml

code extension-pack extension-visual-studio-code plugins visual-studio-code

Last synced: 2 days ago
JSON representation

A Visual Studio Code extension for streamlining web design workflows.

• Host: GitHub
• URL: https://github.com/dang115/quickhtml
• Owner: DanG115
• License: mit
• Created: 2023-08-14T21:51:50.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-15T13:24:44.000Z (over 1 year ago)
• Last Synced: 2024-01-16T05:49:25.396Z (about 1 year ago)
• Topics: code, extension-pack, extension-visual-studio-code, plugins, visual-studio-code
• Language: JavaScript
• Homepage: https://quickhtml.dan-gleeson.co.uk
• Size: 45.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# QuickHTML

A Visual Studio Code extension for streamlining web design workflows.

![QuickHTML](https://about.dang1114.repl.co/imagestorage/HTML,%20CSS,%20JS.png)

## Table of Contents

- [Description](#description)

- [Features](#features)

- [Installation](#installation)

- [Usage](#usage)

- [Folder Structure](#folder-structure)

- [Contributing](#contributing)

- [License](#license)

- [Contact](#contact)

## Description

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

1. Launch Visual Studio Code.

2. Go to the Extensions view by clicking the square icon in the sidebar or pressing `Ctrl+Shift+X`.

3. Search for "QuickHTML".

4. Click the Install button.

## Usage

1. Open Visual Studio Code.

2. Press `Ctrl+Shift+P` (Windows/Linux) or `Cmd+Shift+P` (macOS) to open the command palette.

3. Type "QuickHTML: Create" and select the command.

4. The extension will create the default workspace structure with files and folders.

5. 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](https://github.com/DanG4115/QuickHTML).

## License

This project is licensed under the [MIT License](LICENSE).

## Contact

If you have any questions or feedback, you can reach out to me at [email protected].

---

[GitHub Repository](https://github.com/DanG4115/QuickHTML)