ASK DEV: How are you managing your code snippets

twitter logo github logo ・1 min read

Hey Devs

Do you have a habit of saving code snippets? (I don't). If Yes, comment on your favorite tool to manage your code snippets.

And If No, Tell me why you don't need a snippet manager. Personally, I didn't find a good product to use.

twitter logo DISCUSS (20)
markdown guide
 

I haven't lately been creating snippets of code. However, I also haven't found a good snippet manager that works for me and I have used gist.github.com/.

Hope you find something that works well for you.... and then you can share it with me =)

 

Yep. I love thiscodeworks.com for saving code snippets - maybe because I'm the creator ;). I had the same problem as you and decided to just create a place to store snippets myself. It has project boards and the ability to bookmark other people's code. Am also working on integrating it with Atom and VS Code.

 

I build a website/product & put them all in it for easy access (literally, take the code from a site /app to reuse). Then I know where they go & what they are compatible with. No need for a filing system or organizing.

This won't work in all scenarios but it works for a lot of straightforward stuff.

 

Build my own set of complete page layouts, that contains sections, and those sections contains tiny components. Over the years I build a lot of stuff which I can reuse.

Every piece can be filled with an array of data, so I can get things up and running very quickly.

 

This all seems quite vague. What technologies are you using to accomplish all this?

 

They are all files in folders, grouped in subfolders.

For example, I have a template file in a website homepage:
/sections/footers/footer_1.html

Inside that file are references to other template components:
/components/socialmedia/about_us.html
/components/contact/site_contact_info.html
/components/blog/latest_blog.html
/components/socialmedia/horizontal_bar.html

Those references are requested with a path and json data.

Just a footer example here. In the last years I have build so much stuff for my customers. Menu's, headers, news, blogs, portfolio items, reviews, products, forms, faq, etc, so I can have hundreds of combinations.

I have so much benefits from this and it saves me hours of time.

 

I want to use a tool something like pet, but there are a few things about pet specifically that I didn't love and therefor never spent a ton of time getting setup.
It's been a bit since I really got into it, but I believe the few things I didn't love were the fact that gists were the default syncing strategy, and their search was as 'fuzzy' as I would have liked. But I think pet might be an amazing tool for others, just didn't fit my workflow perfectly.

What I actually use is nvalt and have different notes for different 'topics' with different snippets in them. For instance I have a bash note with various different bash snippets I might want.
The reason I don't love this is my snippets are intermingled with other more prose style notes, and I would like to seperate the two. But this works for now until I find the right tool to replace it with!

 

Another satisfied user of gist.github.com. I comment them with hashtags and run a chunk of python that indexes gists based on their hashtags and nudges me about duplication of content.

 

Try DECS decentralized application, an all-in-one workspace to manage code snippets and protect sensitive data.

Chrome extension to capture code snippets on the go.
Demo: youtube.com/watch?v=1goz6YAGI5Q

Features:
Security - End-to-end encryption
Modern UI - Search, Share and Embed
Decentralised - Own your data

It's FREE!

 

I use the kickstart tool, written in rust, and to which I contributed a bit, to manage my snippets and code templates.

 

This looks interesting! Would you mind expanding on how you use this to manage code snippets? From my limiting glance at the README it seemed more focused on creating new projects from templates.

 

It basically allows you to create files based on some other file templates, them being full-blown projects or single-files (although it's a tad more bothersome, as you have to have a template.toml file for each template).

I have all of them on a single git repository, that's cloned on my computer, which means that I don't use the git mode but the filesystem mode for snippets.

Gotcha that makes sense, thanks for the reply! I'll have to give it a closer look

 

I save and fetch gists all using a combination of github.com/mattn/gist-vim and just going to gist.github.com. It’s probably not as efficient as a lot of solutions mentioned.

 

I use Dash, and I'm more than happy with its functionality. I always have the app open and use it frequently as a resource for documentation when coding, so it's easy to remember where all of my personal code snippets are.

 

I usually have a context, so I just commit them to a relevant repo. If not, I would go for gist.github.com

 

I do all the time! Never know when you’ll need them again. For this I use Cacher (cacher.io/). It integrates with VS Code so I can insert/save snippets right from VS Code!

 

Devs

Thank you for your replies. :) I can see that most of the people are using Github gist.

 
 
Classic DEV Post from Jan 10

What should production CSS look like? Share your layout-to-web workflow

How does I write good CSS?

Srebalaji Thirumalai profile image
Made in India. Indie Hacker. Love to code. :)