好用的代码片段管理工具

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

相关文章

Java调用DeepSeek API的最佳实践及详细代码示例

《Java调用DeepSeekAPI的最佳实践及详细代码示例》:本文主要介绍如何使用Java调用DeepSeekAPI,包括获取API密钥、添加HTTP客户端依赖、创建HTTP请求、处理响应、... 目录1. 获取API密钥2. 添加HTTP客户端依赖3. 创建HTTP请求4. 处理响应5. 错误处理6.

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置(可选)启动服务应用场景

Python中顺序结构和循环结构示例代码

《Python中顺序结构和循环结构示例代码》:本文主要介绍Python中的条件语句和循环语句,条件语句用于根据条件执行不同的代码块,循环语句用于重复执行一段代码,文章还详细说明了range函数的使... 目录一、条件语句(1)条件语句的定义(2)条件语句的语法(a)单分支 if(b)双分支 if-else(

MySQL数据库函数之JSON_EXTRACT示例代码

《MySQL数据库函数之JSON_EXTRACT示例代码》:本文主要介绍MySQL数据库函数之JSON_EXTRACT的相关资料,JSON_EXTRACT()函数用于从JSON文档中提取值,支持对... 目录前言基本语法路径表达式示例示例 1: 提取简单值示例 2: 提取嵌套值示例 3: 提取数组中的值注意

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》:本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法,通过简单的两列实现、每行放置3列以及全部代码的展示,展示了这两种布局方式的实现细节和效果,详细内容请阅读本文,希望能对你有所帮助... 过往的实现方法是使用浮动加

JAVA调用Deepseek的api完成基本对话简单代码示例

《JAVA调用Deepseek的api完成基本对话简单代码示例》:本文主要介绍JAVA调用Deepseek的api完成基本对话的相关资料,文中详细讲解了如何获取DeepSeekAPI密钥、添加H... 获取API密钥首先,从DeepSeek平台获取API密钥,用于身份验证。添加HTTP客户端依赖使用Jav

Java实现状态模式的示例代码

《Java实现状态模式的示例代码》状态模式是一种行为型设计模式,允许对象根据其内部状态改变行为,本文主要介绍了Java实现状态模式的示例代码,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来... 目录一、简介1、定义2、状态模式的结构二、Java实现案例1、电灯开关状态案例2、番茄工作法状态案例

nginx-rtmp-module模块实现视频点播的示例代码

《nginx-rtmp-module模块实现视频点播的示例代码》本文主要介绍了nginx-rtmp-module模块实现视频点播,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习... 目录预置条件Nginx点播基本配置点播远程文件指定多个播放位置参考预置条件配置点播服务器 192.

CSS自定义浏览器滚动条样式完整代码

《CSS自定义浏览器滚动条样式完整代码》:本文主要介绍了如何使用CSS自定义浏览器滚动条的样式,包括隐藏滚动条的角落、设置滚动条的基本样式、轨道样式和滑块样式,并提供了完整的CSS代码示例,通过这些技巧,你可以为你的网站添加个性化的滚动条样式,从而提升用户体验,详细内容请阅读本文,希望能对你有所帮助...

深入解析Spring TransactionTemplate 高级用法(示例代码)

《深入解析SpringTransactionTemplate高级用法(示例代码)》TransactionTemplate是Spring框架中一个强大的工具,它允许开发者以编程方式控制事务,通过... 目录1. TransactionTemplate 的核心概念2. 核心接口和类3. TransactionT