📸 Take beautiful screenshots of your code in VS Code!
CodeSnap
.Tips:
codesnap.start
to a custom keybinding.codesnap.shutterAction
to copy
in your settingsMaterial Theme + Operator Mono
Monokai + Fira Code
CodeSnap is highly configurable. Here's a list of settings you can change to tune the way your screenshots look:
codesnap.backgroundColor
: The background color of the snippet's container. Can be any valid CSS color.
codesnap.boxShadow
: The CSS box-shadow for the snippet. Can be any valid CSS box shadow.
codesnap.containerPadding
: The padding for the snippet's container. Can be any valid CSS padding.
codesnap.roundedCorners
: Boolean value to use rounded corners or square corners for the window.
codesnap.showWindowControls
: Boolean value to show or hide OS X style window buttons.
codesnap.showWindowTitle
: Boolean value to show or hide window title folder_name - file_name
.
codesnap.showLineNumbers
: Boolean value to show or hide line numbers.
codesnap.realLineNumbers
: Boolean value to start from the real line number of the file instead of 1.
codesnap.transparentBackground
: Boolean value to use a transparent background when taking the screenshot.
codesnap.target
: Either container
to take the screenshot with the container, or window
to only take the window.
codesnap.shutterAction
: Either save
to save the screenshot into a file, or copy
to copy the screenshot into the clipboard.
The great Polacode, for the initial concept.
Carbon for some design inspiration.