https://github.com/supernova3339/halfmoon-previewer
Preview your HalfmoonUI projects with ease.
https://github.com/supernova3339/halfmoon-previewer
halfmoon halfmoon-framework previewer vscode-extension
Last synced: about 1 month ago
JSON representation
Preview your HalfmoonUI projects with ease.
- Host: GitHub
- URL: https://github.com/supernova3339/halfmoon-previewer
- Owner: Supernova3339
- License: mit
- Created: 2023-08-29T04:28:30.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-29T04:31:07.000Z (almost 3 years ago)
- Last Synced: 2025-05-14T23:07:57.904Z (about 1 year ago)
- Topics: halfmoon, halfmoon-framework, previewer, vscode-extension
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=Supernova3339.halfmoon-previewer
- Size: 36.1 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Halfmoon Previewer - Visual Studio Code Extension
Preview your HalfmoonUI projects with ease using the Halfmoon Previewer extension for Visual Studio Code.
## Features
- Preview your HalfmoonUI projects directly within Visual Studio Code.
- Real-time updates to the preview as you edit your HalfmoonUI code.
- Choose between light and dark themes for your preview.
## Installation
1. Open Visual Studio Code.
2. Go to the Extensions view by clicking on the square icon in the sidebar.
3. Search for "Halfmoon Previewer" and click Install.
## Usage
1. Open your HalfmoonUI project in Visual Studio Code.
2. Open a HalfmoonUI file in the editor.
3. Run the "Open Previewer" command using the command palette. (`Ctrl+Shift+P` or `Cmd+Shift+P` on macOS
## How It Works
The Halfmoon Previewer extension creates a WebView panel that renders the HalfmoonUI code you're working on. As you make changes to your code, the preview automatically updates to reflect those changes.
## Configuration
You can configure the extension to use either the light or dark theme for the preview. The theme is determined based on your active color theme in Visual Studio Code.
## Feedback and Contributions
Have suggestions or found a bug? Please [open an issue](https://github.com/supernova3339/halfmoon-previewer/issues) on GitHub.
Contributions are welcome! If you'd like to contribute, please fork the repository and create a pull request.
## License
This extension is licensed under the [MIT License](https://github.com/Supernova3339/halfmoon-previewer/blob/master/LICENSE.md).
---
If you find this extension useful, consider [sponsoring me](https://github.com/sponsors/Supernova3339/) to support ongoing development.
Made with ❤️ by Supernova3339