Overshot — find the TikToks breaking out, and what they're selling

Loading video…

¿quieres tomarle foto a tu código de esta manera?

@lan.developer

3.6K followers · usually 5.5K views a post

Views

27.8K

Likes

1.7K

Comments

Selling · SaaS › Developer Tool

CodeSnap

Why it worked

The video provides a practical and visually appealing solution to a common problem for developers: creating attractive code screenshots for sharing. The clear, step-by-step demonstration and the use of a popular IDE make it easily replicable.

Summary

This video demonstrates how to take aesthetically pleasing screenshots of code using the CodeSnap extension in Visual Studio Code. It guides viewers through installing the extension, selecting code, and saving the generated image.

Structure

1Introduction to taking code screenshots
2Installing the CodeSnap extension
3Selecting code and using the extension
4Previewing and saving the screenshot
5Call to action to follow for more extensions

Product placement

The video shows the installation and usage of the CodeSnap extension within Visual Studio Code to capture screenshots of code.

Call to action

Sígueme para saber de más extensiones así

On-screen text

javaS4.png tiktok.js Extension: CodeSnap CodeSnap adpyke Take beautiful screenshots of your code in VS Code! Features Quickly save screenshots of your code Copy screenshots to your clipboard Show line numbers Many other configuration options Usage Instructions 1. Open the Command Palette (Ctrl+Shift+P on Windows and Linux, Cmd+Shift+P on Mac) 2. Select the code you'd like to screenshot. 3. Adjust the width of the screenshot if desired. 4. Click the shutter button to save the screenshot to your disk. Tips: You can also start CodeSnap by selecting code, right clicking, and choosing CodeSnap. If you'd like to bind CodeSnap to a hotkey, open your keyboard shortcuts and press Cmd+C (on Mac) or Ctrl+C (on Windows/Linux) and bind codesnap.shutterAction to a hotkey. code.png