https://github.com/khattakdev/capture

Transform highlighted code into beautifully styled images with a single click in VS Code.
https://github.com/khattakdev/capture

hacktoberfest

Last synced: 23 days ago
JSON representation

Transform highlighted code into beautifully styled images with a single click in VS Code.

• Host: GitHub
• URL: https://github.com/khattakdev/capture
• Owner: khattakdev
• License: mit
• Created: 2023-10-11T06:01:59.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-31T07:56:47.000Z (about 1 year ago)
• Last Synced: 2024-10-20T07:41:03.375Z (26 days ago)
• Topics: hacktoberfest
• Language: TypeScript
• Homepage:
• Size: 17.2 MB
• Stars: 18
• Watchers: 1
• Forks: 13
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Capture

A VS Code plugin that generates a screenshot of the highlighted content.

![demo - how to capture](/assets/preview.gif)

# Getting Started

You can take the code snapshot in two steps:

- Highlight the code

- Run the command `Capture: Take a snapshot`

## Features

- [x] Generate code snippets

- [x] Syntax highlighting

- [x] Adjustable image dimensions

- [ ] Customizable theme

- [ ] Customizable fonts

## Contributing

See [the contributing guide](CONTRIBUTING.md) for detailed instructions on how to get started with our project.

We accept different types of contributions, including some that don't require you to write a single line of code.

If you're looking for a way to contribute, you can scan through our [existing issues](https://github.com/khattakdev/capture/issues) for something to work on. When ready, check out [Getting Started with Contributing](CONTRIBUTING.md) for detailed instructions.

### Layout

- `.vscode`:

  - This directory contains configuration files for VS Code specific to your project.

  - For example, it might include a launch.json file for debugging configurations.

- `src`:

  - This directory contains the source files for your extension.

  - Typically, this includes a extension.ts file, which is the main entry point for your extension.

- `src/test`:

  - This directory contains any tests for your extension.

  - It usually includes a suite folder with extension test files.

 

### Discord

Join our community on [Discord](http://discord.devsdope.com/)

### Show your support

Give a ⭐️ if this project helped you!

### License

This project is [MIT](https://github.com/khattakdev/capture/blob/main/LICENSE.md) licensed.