好用的代码片段管理工具

2024-05-25 13:48

本文主要是介绍好用的代码片段管理工具,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

好用的代码片段管理工具

https://gitee.com/black-flash-oreo/easy-snippets 觉得好用请点个star!!!!

Easy code snippets for software enginer! 为了使用方便。一直会秉持 “简洁”、“实用”的 更新和设计原则!因为Coder们的💻已经跑了很多程序了,过度的渲染毫无意义,只保留最基本的功能即可!!!!

Easy Snippets

实际的开发工作中,往往会有许许多多的零散代码块。例如某个经典的utils 、某个特定环境的一段配置 、一个重要的脚本实现,又或者是一些优雅的算法实现。没有一个方便的位置管理零散的知识点,大多数的情况下,我们会选择存储在本地的md or 其他可以存储的文件中。Easy Snippets,方便大家记录&使用这些“伟大的知识碎片”。

Index Page

  • 首页展示当前存储的所有snippets,上方可使用关键词搜索及snippets的语言类型过滤。点击单个snippets后方的Clipboard按键,该snippets中的代码内容将被复制到剪贴板。snippets

Snippets Editor

  • 点击首页的Create或列表项后的Edit进入snippet编辑页。内部嵌入一个codemirror editor,可能还有没有加上去的高亮语言类型,请告诉我!editor

  • 支持以下语言/框架的高亮展示。

LanguageOptions
JavaScript--
TypeScript--
SQL--
Java--
Python--
css/sass/lesshtml样式文件
html--
xml--
yaml常见于各类配置文件,例如springboot的各类yaml配置文件
Properties常见为各类配置文件
shell脚本。例如程序启动脚本
Dartfultter程序开发使用语言
Vue前端框架
Go--
Groovy脚本语言。

Storage

  • 目前存储在内部的indexDB中。借助Dexie.js操作IndexDB.不考虑接入sqlite3 or其他外部数据库,beacause....觉得太麻烦了,不够轻量。。当前目前的搜索部分实现的有点儿 cuo。感兴趣的同学可以来优化下,hhh.

Dev

# clone to local dir.
git clone xxx
cd easy-snippets
# Using yarn get all dependencies.
yarn
npm run dev

Build

  • 为Electron设置cnpm mirror.
    npm config set ELECTRON_MIRROR https://npm.taobao.org/mirrors/electron/
  • 更新依赖
        git clone https://gitee.com/black-flash-oreo/easy-snippets.gitcd easy-snippetsyarn

Mac OS

  • for mac OS .dmg.
    # do packaging 
    npm run package# build
    npm run build

Win

  • npm run buildWin

Linux

  • npm run buildLinux

Icon Builder

# Using electron-icon-builder
cnpm install -g electron-icon-builder
# generate icon for all size
electron-icon-builder --input=/absolute/path/file.png --output=./relative/path/to/folder

Dependency

Order in alphabetical order 🐶

  • CodeMirror(一款伟大的H5代码高亮编辑器!😄)
  • Dexie.js(操作IndexDB的神器!😏)
  • Electron(H5开发桌面端的神器!😁)
  • Vue(不用说了吧!😁)
  • vue-codemirror(神器!😁)
  • vuex-electron(神器!😁)
  • ...others nested dependencies!!🧎‍♀️🧎‍♀️🧎‍♀️

THANKS!!!!!

Support

  • 如果觉得有用,请我喝杯咖啡吧,哈哈哈哈

    alipay

Version

可直接在RELEASE页面下载安装包,也可以在百度网盘下载(如果你有V3会员的话,😂😂😂😂)

目前更新的话!!!还是只能下载全量安装包安装!!!经费有限!!!等有钱了搞增量更新版本服务器!!!

  • V2.0.0  In progress !!!!

    • 支持单个snippets的导入导出 直接生成相应后缀的文件
    • 支持全库的export/import 方便多环境情况下的数据迁移
    • 支持snippets备份 支持时间纬度的定时snippets滚动备份
    • 支持snippets多级分组 
  • V1.0.1Available!

    1. Fixed:editor页主题切换时,编辑器主题样式不变问题
    2. Fixed:ALL过滤条件无效问题
    3. Feature:返回列表页会保留所有过滤条件
    4. Feature: 增加新版本提醒通知的点击跳转RELEASE页面功能
    5. Feature: 支持snippets排序字段配置
  • V1.0.0Available!

    • RELEASE下载
    • 支持MAC/Window64/linux
    • 支持多种语言的snippets创建
    • 支持snippets内容检索
    • 展示效果支持主题切换
  • BaiDuNetDisk ,PWD: 3g3s

Feature && Issue

  • 有新的需求 & BUG 请直接 new issue

这篇关于好用的代码片段管理工具的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1001678

相关文章

Spring Boot 3.4.3 基于 Spring WebFlux 实现 SSE 功能(代码示例)

《SpringBoot3.4.3基于SpringWebFlux实现SSE功能(代码示例)》SpringBoot3.4.3结合SpringWebFlux实现SSE功能,为实时数据推送提供... 目录1. SSE 简介1.1 什么是 SSE?1.2 SSE 的优点1.3 适用场景2. Spring WebFlu

java之Objects.nonNull用法代码解读

《java之Objects.nonNull用法代码解读》:本文主要介绍java之Objects.nonNull用法代码,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录Java之Objects.nonwww.chinasem.cnNull用法代码Objects.nonN

SpringBoot实现MD5加盐算法的示例代码

《SpringBoot实现MD5加盐算法的示例代码》加盐算法是一种用于增强密码安全性的技术,本文主要介绍了SpringBoot实现MD5加盐算法的示例代码,文中通过示例代码介绍的非常详细,对大家的学习... 目录一、什么是加盐算法二、如何实现加盐算法2.1 加盐算法代码实现2.2 注册页面中进行密码加盐2.

python+opencv处理颜色之将目标颜色转换实例代码

《python+opencv处理颜色之将目标颜色转换实例代码》OpenCV是一个的跨平台计算机视觉库,可以运行在Linux、Windows和MacOS操作系统上,:本文主要介绍python+ope... 目录下面是代码+ 效果 + 解释转HSV: 关于颜色总是要转HSV的掩膜再标注总结 目标:将红色的部分滤

在C#中调用Python代码的两种实现方式

《在C#中调用Python代码的两种实现方式》:本文主要介绍在C#中调用Python代码的两种实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录C#调用python代码的方式1. 使用 Python.NET2. 使用外部进程调用 Python 脚本总结C#调

Java时间轮调度算法的代码实现

《Java时间轮调度算法的代码实现》时间轮是一种高效的定时调度算法,主要用于管理延时任务或周期性任务,它通过一个环形数组(时间轮)和指针来实现,将大量定时任务分摊到固定的时间槽中,极大地降低了时间复杂... 目录1、简述2、时间轮的原理3. 时间轮的实现步骤3.1 定义时间槽3.2 定义时间轮3.3 使用时

Java中&和&&以及|和||的区别、应用场景和代码示例

《Java中&和&&以及|和||的区别、应用场景和代码示例》:本文主要介绍Java中的逻辑运算符&、&&、|和||的区别,包括它们在布尔和整数类型上的应用,文中通过代码介绍的非常详细,需要的朋友可... 目录前言1. & 和 &&代码示例2. | 和 ||代码示例3. 为什么要使用 & 和 | 而不是总是使

Java强制转化示例代码详解

《Java强制转化示例代码详解》:本文主要介绍Java编程语言中的类型转换,包括基本类型之间的强制类型转换和引用类型的强制类型转换,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录引入基本类型强制转换1.数字之间2.数字字符之间引入引用类型的强制转换总结引入在Java编程语言中,类型转换(无论

Vue 调用摄像头扫描条码功能实现代码

《Vue调用摄像头扫描条码功能实现代码》本文介绍了如何使用Vue.js和jsQR库来实现调用摄像头并扫描条码的功能,通过安装依赖、获取摄像头视频流、解析条码等步骤,实现了从开始扫描到停止扫描的完整流... 目录实现步骤:代码实现1. 安装依赖2. vue 页面代码功能说明注意事项以下是一个基于 Vue.js

mybatis-plus 实现查询表名动态修改的示例代码

《mybatis-plus实现查询表名动态修改的示例代码》通过MyBatis-Plus实现表名的动态替换,根据配置或入参选择不同的表,本文主要介绍了mybatis-plus实现查询表名动态修改的示... 目录实现数据库初始化依赖包配置读取类设置 myBATis-plus 插件测试通过 mybatis-plu