PROJET AUTOBLOG


Korben

Site original : Korben

⇐ retour index

Code Notes – Un gestionnaire de code snippets 🚀 simple mais efficace

samedi 3 février 2018 à 13:40

Développé par Laurent THIEBAULT, ce gestionnaire en Electron et Vue.js va vous permettre de conserver vos bouts de code sous la main.

Code Notes est plutÎt bien pensé, car il est capable de gérer la coloration syntaxique de plusieurs langages, mais offre aussi de la complétion qui vous permettra de coder directement vos snippets dans l'outil sans perdre de temps. (Pour comprendre de quoi je parle exactement, regardez la vidéo)

C'est un outil qui en est Ă  ses dĂ©buts, mais il est dĂ©jĂ  bien pratique. Laurent ne compte pas s'arrĂȘter lĂ  et prĂ©voit dĂ©jĂ  d'autres fonctionnalitĂ©s plutĂŽt cool comme :

Je suggĂšre aussi Ă  Laurent d'intĂ©grer un systĂšme de backup ou de stockage en ligne des snippets pour pouvoir utiliser la mĂȘme bibliothĂšque sur plusieurs machines et je souhaite donc Ă  Code Notes une belle et longue vie !

<style> @import url(https://fonts.googleapis.com/css?family=BenchNine:700); .snip1582 { background-color: #ff7b10; border: none; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'BenchNine', Arial, sans-serif; font-size: 1em; font-size: 22px; line-height: 1em; margin: 15px 40px; outline: none; padding: 12px 40px 10px; position: relative; text-transform: uppercase; font-weight: 700; } .snip1582:before, .snip1582:after { border-color: transparent; -webkit-transition: all 0.25s; transition: all 0.25s; border-style: solid; border-width: 0; content: ""; height: 24px; position: absolute; width: 24px; } .snip1582:before { border-color: #ff7b10; border-top-width: 2px; left: 0px; top: -5px; } .snip1582:after { border-bottom-width: 2px; border-color: #ff7b10; bottom: -5px; right: 0px; } .snip1582:hover, .snip1582.hover { background-color: #ff7b10; } .snip1582:hover:before, .snip1582.hover:before, .snip1582:hover:after, .snip1582.hover:after { height: 100%; width: 100%; } .sniplink { background: none !important; }