Create beautiful code snippets from your VSCode environment.

Related tags

Learning resource vscode-extension code-snippets
Overview

Snippets Photo Shoot

Create beautiful code snippets from your VSCode environment.

How it looks like

How it works

Select the code snippet you want to use, then right click on the snippet and select "Create Snippet Shoot".

Right Click

A preview of the snippet will be shown in the editor, press the save button, choose a name for the snippet and a folder to save it in.

You can also copy and paste the snippet into the terminal window to create a new snippet shoot.

Enjoy!

This extension is meant to be dumb simple, that's the reason why currently no configuration are supported.

You might also like...

Create beautiful images and gifs of your source code 🚀🤖➕

Create beautiful images and gifs of your source code 🚀🤖➕

Darwin Awesome gifs and images of your code View Demo · Report Bug · Request Feature About The Project darwin.mp4 My motivation for building this was

Sep 7, 2022

Create beautiful images of your source code.

Create beautiful images of your source code.

Code Image Create beautiful images of your source code. Using import React from "react"; import CodeImage from '@wcj/code-image'; export default func

Sep 28, 2022

Create folder of snippets to activate them in one click !

Create folder of snippets to activate them in one click !

- FR Obsidian Group Snippet This plugin allow you to set group of CSS snippets to class them and enable them in one click (or command). Also, this pl

Dec 31, 2022

official Alibaba Design system vue components snippets for visual studio code

official Alibaba Design system vue components snippets for visual studio code

Alibaba DLS Snippets for vscode Installation You can either install this extension by searching for Alibaba DLS Snippets in your vscode extensions sto

Sep 25, 2021

A Kernel Package that adds a tab to Discord settings where you can add and arrange custom code snippets.

Code Snippets A Kernel package (specifically for Discord) that adds a tab in settings where you can add and manage code snippets. Requires: https://gi

Dec 14, 2022

Completely free TS/JS one-file source code snippets with tests, which can be copied to avoid extra dependencies (contributions welcome).

TinySource Completely free TS/JS one-file source code snippets with tests, which can be copied to avoid extra dependencies (contributions welcome). Sn

Jan 3, 2023

🍺 Integrates Laravel Pint into your VSCode projects for automatic code formatting

Laravel Pint for VS Code This extension is NOT official from the Laravel team. Take a look into the official project. Integrates Laravel Pint into you

Dec 8, 2022

Autocompletion, in-code secret peeking 🔎, syncing, and more, for your .env files in VSCode. 👑 From the same people who pioneered dotenv.

Autocompletion, in-code secret peeking 🔎, syncing, and more, for your .env files in VSCode. 👑 From the same people who pioneered dotenv.

Dotenv Official (with Vault) for VSCode Official Dotenv. Syntax highlighting, autocompletion, in-code secret peeking, and .env file syncing with Doten

Dec 19, 2022

Follow along with blog posts, code samples, and practical exercises to learn how to build serverless applications from your local Integrated development environment (IDE).

Follow along with blog posts, code samples, and practical exercises to learn how to build serverless applications from your local Integrated development environment (IDE).

Getting started with serverless This getting started series is written by the serverless developer advocate team @AWSCloud. It has been designed for d

Dec 28, 2022
Comments
  • No output with multiple selections

    No output with multiple selections

    Steps:

    1. select a region of code
    2. select a 2nd region of code (hold Alt and use mouse to highlight a second region)
    3. right click -> Create Snippet Shoot

    Expected -> render with both selections; and a comment "//..." between

    Actual -> empty output without either selections

    opened by brown145 1
Releases(v0.1.1)
Owner
Renato Pozzi
Coding. Reading. Chilling.
Renato Pozzi
GitHub https://marketplace.visualstudio.com/items?itemName=itsrennyman.snippets-photo-shoot
A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snippets.

Warm Up ?? ??‍?? A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snipp

Arhun Saday 34 Dec 12, 2022
AWS SAM project that adds the snippets from serverlessland.com/snippets as saved queries in CloudWatch Logs Insights

cw-logs-insights-snippets Serverlessland.com/snippets hosts a growing number of community provided snippets. Many of these are useful CloudWatch Logs

Lars Jacobsson 12 Nov 8, 2022
mirrord lets you easily mirror traffic from your production environment to your development environment.

mirrord lets you easily mirror traffic from your Kubernetes cluster to your development environment. It comes as both Visual Studio Code extension and a CLI tool.

MetalBear 2.1k Dec 24, 2022
Code Playground is a online application for testing and showcasing user-created and collaborational HTML, CSS and JavaScript code snippets

Code Playground About Code Playground is a online application for testing and showcasing user-created and collaborational HTML, CSS and JavaScript cod

Arshansh Agarwal 5 Dec 17, 2022
Short JavaScript code snippets for all your development needs

30 seconds of code Short JavaScript code snippets for all your development needs Visit our website to view our snippet collection. Use the Search page

30 seconds 106.1k Dec 30, 2022
Short CSS code snippets for all your development needs

30 seconds of CSS Short CSS code snippets for all your development needs Visit our website to view our snippet collection. Use the Search page to find

30 seconds 15.9k Jan 3, 2023
Short JavaScript code snippets for all your development needs

30 seconds of code Short JavaScript code snippets for all your development needs Visit our website to view our snippet collection. Use the Search page

30 seconds of code 106.1k Dec 28, 2022
✨ A command-line interface for quickly sharing code snippets of your local files

?? snipli ✨ A command-line interface for quickly sharing code snippets for your local files Usage Commands Usage $ npm install -g snipli $ snipli COMM

Kira 146 Nov 3, 2022
✨ A command-line interface for quickly sharing code snippets of your local files

?? snipli ✨ A command-line interface for quickly sharing code snippets for your local files Usage Commands Usage $ npm install -g snipli $ snipli COMM

buidler's hub 127 May 11, 2022
Self-hosted Slack bot to run your code snippets

slack-code-runner Self-hosted Slack bot to run your code snippets Prerequisites Docker Usage Create a new Slack app and add it to your workspace. You

Myeonghyeon Kim 5 Sep 14, 2022