Question

I'm learning javascript and want to create a library of example code snippets as I learn new ideas. I'm currently using evernote, but am wondering if there is a more elegant solution where I can create a reference library complete with syntax highlighting/executing the code in the browser.

Thoughts/suggestions?

Was it helpful?

Solution 3

I use Evernote as the snippets etc. is primarily from various websites. The web clipper browser plugin lets me create notes right to Evernote with highlighting (as shown on the original website) preserved. Tagging and additional comments along with sharing and the availability (between job/home/mobile in my case) is a very nice addition.

For my own snippets from IDE/editor i usually do a screenshot or if i want to preserve the copy-paste-ability i just add a text/source file to Evernote.

OTHER TIPS

Tried the Evenote Plugin for Sublime3?

http://www.sublimetext.com/3

https://sublime.wbond.net/packages/Evernote

You can save new notes, update existing notes, using github style markdown.

Here is an example:

evernote code snippet example - created with sublime 3 evernote plugin

I use

app.gistboxapp.com

You need a GitHub account to login: this app connects to your Gists repository saved into Github and keeps all your code snippets. It's web based so you don't need to download anything. Everytime you save a new snippet GistboxApp will add a Gist to your Github repository.

You can label all your snippets to divide them in categories.

Hope this helps...it works fine for me

For OS X there is Quiver. It is very similar to Evernote in look and feel and adds many useful code snippets related features.

Quiver is a notebook built for programmers. It lets you easily mix text, code, Markdown and LaTeX within one note, edit code with an awesome code editor, live preview Markdown and LaTeX, and find any note instantly via the full-text search.

Quiver screenshot

I am really liking Marxico, so far.

With this tool, your text is still stored in Evernote, but it supports code block formatting and markdown for notes. Note: This won't actually run your code.

You can also use http://tohtml.com/ and copy and paste over.

Works for me.

I like and use codebox but afaik it's osx only. http://www.shpakovski.com/codebox/

Would really like to see this become cross platform.

I know this has been answered perfectly, but if you use sublime text as your code editor, evernote can be a fantastic was to collect and use snippets.

Sublime text as an evernote plugin. With it you can add notes (so type your snippet in sublime text and push it to evernote from sublime text) and open your evernote notes in sublime text.

So you just add your snippets to evernote. Then search them within sublime text and use them! There is a similar plugin for gist, where you store your snippets as gists and then access them through sublime text. But I think, evernote is a better option as it's easier to edit and re-sort snippets.

The evernote plugin

The gist plugin

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top