大发体育娱乐在线-大发体育娱乐官方网站-大发体育娱乐登录网址
做最好的网站

制作GitHub千星项目的阅历分享

来源:http://www.dfwstonefabricators.com 作者:编程应用 人气:162 发布时间:2019-09-19
摘要:Alt text 制作GitHub千星项指标阅历分享 - 简书http://www.jianshu.com/p/ba323bbcdf0f?utm_source=desktoplt;-- 戳戳小编 下载页面 GitHub项目 2017新禧,笔者花了概略上多个礼拜写了基于Electron的GitHubGist管理

图片 1Alt text

制作GitHub千星项指标阅历分享 - 简书 http://www.jianshu.com/p/ba323bbcdf0f?utm_source=desktop&utm_medium=timeline

  • Product Hunt链接
  • 官方网址链接 <-- 戳戳小编
  • 下载页面
  • GitHub项目

图片 2

2017新禧,笔者花了概略上多个礼拜写了基于Electron的GitHub Gist管理软件Lepton。初叶只把它当作读书Electron的勤学苦练项目,却不料它竟然火了一把。

Alt text

专门的学业公告后,Lepton在GitHub的星数在一周左右冲上了1000,一连数天登上了GitHub daily trending的前十(JS和All language)。在收取非常的多妙不可言的Issue和PPRADO之余,还被Slack一个高等程序猿引荐到场Electron官方网站的feature app之一。以致还被有个别德国媒体自然电视发表。(这里、这里、和这里)

Product Hunt链接
官方网站链接 <-- 戳戳小编
下载页面
GitHub项目

图片 3Alt text

2017开春,我花了大致多个星期写了基于Electron的GitHub Gist管理软件Lepton。起头只把它作为学习Electron的演习项目,却意外它竟然火了一把。
业内揭橥后,Lepton在GitHub的星数在31日左右冲上了一千,延续数天登上了GitHub daily trending的前十(JS和All language)。在收取相当的多幽默的Issue和P本田UR-V之余,还被Slack二个高等工程师引荐出席Electron官方网站的feature app之一。乃至还被有个别日本媒体自然广播发表。(这里、这里、和这里)

英特网有关在GitHub上成立高星项目标经历共享非常少,少数几篇也是巨牛级其他,令人读书起来无从动手。所以作者想把本次风趣的经历写下去和我们享用。

图片 4

图片 5Alt text

Alt text

Lepton是一款跨平台(Mac/Windows/Linxu)的snippet管理软件,一言以蔽之,“码笼”。

网络有关在GitHub上创造高星项指标经验分享相当少,少数几篇也是巨牛级其他,令人读书起来无从出手。所以自个儿想把本次有趣的经历写下来和豪门大快朵颐。
Lepton介绍

功能

  • 查询/新建/修改/删除 Snippet
  • 本土寻觅
  • 言语标签 + 性情化标签
  • 格式化Description(title + tag)
  • Markdown渲染
  • 富文本编辑
  • 语法高亮
  • 云端同步 + 跨平台支撑(Win + macOS + Linux)
  • 品类开源

图片 6

初衷

Lepton项指标最初的心意是制作一款保存snippet的“印象代码”。

用作一名码匠,经常亟待把计算的snippet保存在轻便管理的地点,如同平常把笔记保存在回忆笔记里平等。假若印象笔记能保存snippet就好了!缺憾印象笔记对代码块帮助不好,必要在别的地点把代码块高亮,然后再贴回来,并时时现身格式混乱。

我们也足以利用GoogleDrive/Dropbox/其余云盘。瑕玷是,这种基于文件夹的管制不比竹签适合检索。还应该有局地单机软件举个例子Snippets, 能落成地点代码保存,缺憾不支持跨平台同步(比方从Mac到Windows)。

到2017开春停止,GitHub Gist可能是最契合保存snippet的云端。它不光援助大旨的语法高亮、分享、隐秘设置,还只怕会保留代码的享有历史版本,乃至还提供了REST API辅助。美中相差的是,Gist没有提供标签效应,並且网页端支付不到家,全部snippet遵照时间种种堆集在一道,难以有效管理。即便有些第三方的顾客端,比方Gist博克斯,不过都闭源且开荒停滞。所以,作者感到使用Electron

  • Gist构建跨平台的snippet manager将是贰个没错的切入点。

品类始于前,小编在Electron feature app网页上探索在那之中的开源项目,希望能够借鉴经验,少踩坑。

有幸的是,笔者在GitHub社区找到了二个技艺栈相似的花色pupaFM。小编xwartz提供了详实的commit记录,阅读commit记录仿佛阅读历史传说同样风趣。通过在地头再现pupaFM大约前五14个commit,笔者概况领悟了Redux+React+Electron搭建项目的主干方法,也同期点亮Webpack手艺点。

Lepton即便在那么些基础上搭建起来的。为了方便别的开采者方便借鉴Lepton经历,作者尽大概确认保障commit记录的可读性,代码里也提供详细的comment,以承袭好开源精神。

决不夸张地说,Lepton花色不是闭门造车,它在开荒阶段从太阁技术员社区中获得了异常的大的支撑。二零一五年终时候,社区中的成员1MHz刚发布了她一致基于Electron的作品Knotes,并在社区中享用了他的支出经历,我读后异常受启发。向1MHz请教后,他对Lepton的支付建议了许多少深度切的提出,越发是UI库选取和自动更新那三个地点;)

大要两周后,Lepton框架和基本功效初具雏形,作者从太阁技士社区又特邀到了首批内部测验顾客,获得广大有趣的申报。(尤其多谢meilinz、亚伦ice、1MHz、hongbojing、blukpine)

本身这一次把品种经验总括成文,也是为着对太阁社区回馈:)

Alt text

技艺完结

Lepton所选取的框架是Electron。Electron把Node.js和Chromium两个结合,开荒者可以运用JavaScript实行跨平台的桌面应用软件开采。同期,项目还选择React

  • Redux来构建前端UI和管理App的情况,并应用Webpack来作为创设筑工程具。

图片 7Alt text

下边将研究一些技能达成上的内部原因。

Lepton采用Highlight.js来实行代码的语法高亮。由于Highlight.js笔者很傲娇地不帮衬line number,小编正要利用这些空子学习那技艺。上面是最终效果图。

图片 8Alt text

Lepton是一款跨平台(Mac/Windows/Linxu)的snippet管理软件,轻巧的话,“码笼”。
功能
查询/新建/修改/删除 Snippet
本土搜索
语言标签 + 特性化标签
格式化Description(title + tag)
Markdown渲染
富文本编辑
语法高亮
云端同步 + 跨平台帮助(Win + macOS + Linux)
品种开源

代码分行

如上航海用教室,代码块放在了一个HTML table中。首先用正则式/r?n/把代码分行,并还要总括每行对应的line number。line number放在上边HTML Table中的第一列,代码放在第二列。使用Table的好处是,当某行代码太长导致一行放不下而被迫撤回时,它不会进入line number的列中。上边是不采用Table时只怕会赶过的难点。

图片 9Alt text

初衷
Lepton项目标当初的愿景是成立一款保存snippet的“影像代码”。
用作一名码匠,日常内需把计算的snippet保存在轻巧处理的地点,就好像平日把笔记保存在纪念笔记里平等。假若影像笔记能保存snippet就好了!缺憾影象笔记对代码块扶助倒霉,需求在别的地方把代码块高亮,然后再贴回来,并平常出现格式混乱。
我们也得以行使谷歌(Google)Drive/Dropbox/别的云盘。劣势是,这种依据文件夹的管住不及竹签适合检索。还会有局地单机软件比如Snippets, 能完结本地代码保存,可惜不援助跨平台同步(比方从Mac到Windows)。
到2017新年得了,GitHub Gist大概是最适合保存snippet的云端。它不但援救宗旨的语法高亮、分享、隐秘设置,还可能会保留代码的持有历史版本,以致还提供了REST API帮衬。美中不足的是,Gist未有提供标签效应,而且网页端支出不周到,全数snippet根据时间顺序堆成堆在共同,难以有效管理。固然有些第三方的客商端,比方GistBox,但是都闭源且开拓停滞。所以,我认为选取Electron

永不复制line number

一时,大家在英特网复制代码时,会蒙受误选line number,导致如下图中line number也一块儿被复制的情况。

图片 10Alt text

Lepton的减轻方案是利用data-pseudo-content来标识行数,幸免了line number被误选复制的主题素材,效果妥妥的!

图片 11Alt text

下边奉上snippet。详细代码请看这几个gist。

 let lineNumber = 0 const contentTable = adaptedHighlightedContent.split.map(lineContent => { return `<tr> <td class='line-number' data-pseudo-content=${++lineNumber}></td> <td>${lineContent}</td> </tr>` }).join // 最后输出:`<pre><code><table class='code-table'>${contentTable}</table></code></pre>`

Lepton应用marked模块实行Markdown渲染(马克down 转变为 HTML)。感兴趣的话,大家也得以亲自做一款markdown editor!

var marked = require;console.log(marked('I am using __markdown__.'));// Outputs: <p>I am using <strong>markdown</strong>.</p>

图片 12Alt text

开端时,笔者曾把部分Dialog的show/hide作为React component的local state来管理。当时本身感到它们和app的全局state毫不相关,应该献身component中。后来,随着dialog数目标充实(search/create/edit/delete/logout),属于不相同component的dialog出现了互动覆盖、难以调弄整理的景观。最后笔者只能把它们改回全局的redux state。那是一点小经验。

GitHub Gist自个儿不帮忙标签。小编一最初想尽是通过叁个secret gist来保存和同步标签。后来发觉那几个艺术有个别标题。

  1. 频率不高,每便标签变化都要把全体标签记录重复写入这几个secret gist,并且出错后便于错过记录,最终弃用。
  2. 开拓者不该在一直不得到顾客同意的情状下,私行动用secret gist来存款和储蓄数据。任何有关gist的改造都应该客户来做决定。

时下格局是经过description部分的特殊字符#tags来保存自定义的价签。优点是标签分散到种种gist中,每一遍只需求更新该gist对应部分的标签就可以,能够一并到云端。何况它可读性高,纵然顾客有一天遗弃Lepton撤回原生的网页端,也能随便读懂description的新闻。

图片 13Alt text图片 14Alt text

  • Gist营造跨平台的snippet manager将是二个不容置疑的切入点。
    手艺调查商量
    项目始于前,小编在Electron feature app网页上寻觅在那之中的开源项目,希望能够借鉴经验,少踩坑。
    侥幸的是,小编在GitHub社区找到了三个技能栈相似的项目pupaFM。作者xwartz提供了详细的commit记录,阅读commit记录就如阅读历史传说一样有趣。通过在本地重现pupaFM大概前伍17个commit,小编大概通晓了Redux+React+Electron搭建项指标宗旨措施,也还要点亮Webpack本领点。
    Lepton不怕在这一个基础上搭建起来的。为了有助于别的开垦者方便借鉴Lepton经历,小编尽只怕确定保障commit记录的可读性,代码里也提供详实的comment,以承接好开源精神。
    社区帮助
    永不夸张地说,Lepton品种不是闭门造车,它在开荒阶段从太阁程序猿社区中得到了十分大的辅助。二零一六年终时候,社区中的成员1MHz刚发表了他同样基于Electron的作品Knotes,并在社区中享受了他的开辟经历,小编读后十分受启发。向1MHz请教后,他对Lepton的支付提议了众多少深度深的建议,特别是UI库选用和自动更新那四个地点;)
    概略两周后,Lepton框架和基本功效初具雏形,笔者从太阁技士社区又约请到了首批内部测量试验客户,得到非常多有意思的报告。(更加多谢meilinz、Aaronice、1MHz、hongbojing、blukpine)
    自己这次把项目经验计算成文,也是为了对太阁社区回馈:)
    技艺完成
    Lepton所选用的框架是Electron。Electron把Node.js和Chromium两个结合,开采者能够采用JavaScript进行跨平台的桌面应用程式开辟。同期,项目还选择React
  • Redux来营造前端UI和管理App的意况,并运用Webpack来作为创设筑工程具。
图标

图片 15Alt text

用作程序员,能把Logo制作到那个程度作者是很满意的了...

Lepton意思是轻子,是指不插足强相互效用的自旋为ћ/2 的费米子,其Hong Kong中华电力有限集团子Electron是最盛名的轻子。项目起名Lepton,是对Electron框架的问讯。(这一层层的项目爱用物理粒子起名,比如Electron、Atom、Photon等)

发端时候,曾想用β衰变图(β衰变会发出三种轻子)来作为LeptonLogo,缺憾总画倒霉。后来退而求其次,总能画个圆形图案表现出粒子感吧(其实用圆形代表轻子是很不得法的),最终在写轮眼的启迪下,有了现行反革命的统一希图。

Logo的制作方法轻易、费用低、时间短,但成效不错。具体来说,先用系统自带工具画贰个逗号,然后去上面第三个网址把图纸转变到svg,然后再去第贰个网址把svg文件转变到Material风格的Logo。固然来回折腾两遍也正是半钟头的政工。

上面奉上网址链接:

图片 16

界面设计

Lepton的界面差不离未有设计,作者很制服地不去增加不须要的因素。

事先做的门类,由于设计过度,到后来已有个别明白不了。这一次摄取经验, 能用Bootstrap原色就用原色,能不加多button就不加多button,能用黑白就不用彩色。那样下去,不独有节省了时光,分界面反而被人拍手称快赏心悦目。有的时候开玩笑,说灵感来自清水水泥。

CodeMirror是一款第三方的text editor,提供了重重特别棒的编写功效。(举例代码块的collapse/expand、语法高亮)

图片 17Alt text

来自GitHub社区的wujysh在把CodeMirror集成到Lepton上做了十分美好的做事!就是因为有她的孝敬,Lepton本来蹩脚的text editor进化为了未来的代码编辑利器。

还要她在对产品的使用和布局上也提议了累累美好的见解;)

Lepton早先时代曾经选择elasticlunr.js来促成本地搜索。缺憾的是,它方今只援助匈牙利(Hungary)语的整词搜索,比较鸡肋。后来自己改用了fusejs,华丽丽地协助partial search和国语,寻觅功能弹指间满血复活。

图片 18Alt text

可惜的是,Lepton并不援救对代码部分的物色,具体本事上的原由能够参见这么些Issue。近来辅助搜索的有个别是:description、文件名、tags

Electron自带了贰个autoUpdater模块,能够自动物检疫查测验server上的新本子,并活动在后台下载。

Lepton并未一贯运用自带的autoUpdater,而是使用electron-builder集成的更新模块。每一趟release时候,electron-builder会把包装文件以及带有版本音信的meta data文件上传到GitHub的release页面。当Lepton打开时候,它会自动物检疫查评定release页面上的新星版本音信,若觉察有新本子,便会提示顾客下载。

瞩目,当揭橥到Mac App Store时候,必必要关门那个auto updater的功力。

Alt text

品类推广

别的一个GitHub项目都应有有一份完善的求证文档,以福利旁人通晓那个种类。作者个人的习于旧贯是,尽管项目做不完,也会把做不完的原由和当前的速度在印证文书档案上写清楚,做到有头有尾。

那是自己写表达文书档案的一部分例证:例子1、例子2、例子3。

Lepton的早先时代成功得益于较为完整的文书档案,相当的多顾客还对文档内容提议了改良的建议。这里奉上曾经总括过的写表达文书档案的能源。

花色一最先放在了V2EX社区上揭破,得到了很正确的陈述,非常谢谢。在诸君热心客户的陈说下,Lepton从中期只帮忙查看gist的简易客商端,稳步升高成为集 Tag + Search + CRUD 一身的APP。未来得以很不浮夸的说,Lepton近些日子的非常多客商体验要优化基于网页客商端的GistBox。

Lepton最先收获的关怀帮助它连接数天步向GitHub的daily trending,那为它抓住了数不胜数国际开荒者的关怀。(那是本身后来才发掘的,一齐首还很诧异这几个国际同伙从哪儿听别人说Lepton

下边将研商一些才干达成上的内部情状。
代码高亮
Lepton采用Highlight.js
来进行代码的语法高亮。由于Highlight.js
作者很傲娇地不协理line number,笔者正好利用这么些机缘学习那技艺。下边是最后效果图。

开源同盟

Lepton在GitHub上得到众多开采者的孝敬,上面一并致谢:

  • wujysh
  • meilinz
  • lcgforever
  • Calinou
  • rogersachan

图片 19

接二连三缅怀

自然,那是三个很风趣的阅历,不只有是积攒了非常多技能(在支付Lepton经过中,笔者自身就使用Lepton记录了汪洋的gist),还在成品上有了越来越多的思索。

体系费用前两周,作者有所专注力都集聚到集成GitHub API、落成基本的CRUD功用上,笔者所关注的是HOW。当步入第四周详第五周,产品基本作用(Tag

  • Search + CRUD)稳步周密,受到关心更加多,作者更加的多切磋这些连串是如何。小编是要把GitHub自带的Gist网页端复制到桌面吗?仍然经过Lepton自行建造贰个snippet生态?大家应当怎么抉择平衡效率吗?

本人的下结论是,Lepton要产生能保留代码的回忆笔记,姑且明白为“纪念代码”。它的巅峰目标是以开源自己来回馈开源社区;它的直接花招是支持工程师有效运用搜罗的一定量智慧,在抱StackOverflow大腿之余,也可以抱自身大腿。所以,小编在新效率的采纳上以上面“多少个方便”作为衡量表率:

  1. 是或不是有助于顾客搜集代码 (比如引进CodeMirror)
  2. 是还是不是方便人民群众顾客便捷获代替码 (比方引进Local Search、copy/share button)
  3. 是还是不是方便客商潜心解析代码 (比如 Immersive mode)

而且在社区的扶植以及本身时刻允许范围内开展。

最后,Lepton这段经历告知大家,营造贰个GitHub上千星项目,进程实际上未有那么神秘,保护在于清晰的门类对象和甘于分享的旺盛。

或多或少奇异的是,有人想到了把Lepton用作一款援助markdown的轻量级“影象笔记”来行使。

Alt text

致谢

  • 一年前加入了太阁程序员社区,从在那之中的免费讲座和类型实战中学到广大!这里强力推荐一下!
  • 1MHz 给了累累技艺帮衬,应接大家也去游历一下她的Electron文章Knotes。
  • xwartz 的PupaFM详细的commit记录对自己学习Electron协理不小,希望大家去也给那一个项目点个赞。

代码分行
如上海图书馆,代码块放在了三个HTML table中。首先用正则式/r?n/
把代码分行,并同临时间总计每行对应的line number。line number放在上边HTML Table中的第一列,代码放在第二列。使用Table的裨益是,当某行代码太长导致一行放不下而被迫撤回时,它不会进去line number的列中。下边是不使用Table时恐怕会遇见的标题。

图片 20

Alt text

永不复制line number
不经常,大家在网络复制代码时,会高出误选line number,导致如下图中line number也一齐被复制的情状。

图片 21

Alt text

Lepton的缓和方案是利用data-pseudo-content
来标志行数,防止了line number被误选复制的问题,效果妥妥的!

图片 22

Alt text

下边奉上snippet。详细代码请看那些gist。
let lineNumber = 0 const contentTable = adaptedHighlightedContent.split(/r?n/).map(lineContent => { return <tr> <td class='line-number' data-pseudo-content=${++lineNumber}></td> <td>${lineContent}</td> </tr> }).join('') // 最终输出:<pre><code><table class='code-table'>${contentTable}</table></code></pre>

Markdown渲染
Lepton采用marked模块实行马克down渲染(马克down 转变为 HTML)。感兴趣的话,大家也可以亲自做一款markdown editor!
var marked = require('marked');console.log(marked('I am using markdown.'));// Outputs: <p>I am using <strong>markdown</strong>.</p>

图片 23

Alt text

React + Redux state
始于时,作者曾把部分Dialog的show/hide作为React component的local state来管理。当时自家感到它们和app的大局state非亲非故,应该献身component中。后来,随着dialog数指标充实(search/create/edit/delete/logout),属于分化component的dialog出现了相互覆盖、难以调治将养的现象。最终小编只可以把它们改回全局的redux state。那是一点小经验。
标签实现
GitHub Gist自己不扶助标签。作者一早先想尽是经过一个secret gist来保存和一块标签。后来开掘这么些艺术某些难题。
频率不高,每一回标签变化都要把持有标签记录重复写入那些secret gist,并且出错后轻便错过记录,最终弃用。
开荒者不该在未曾赢得客户同意的气象下,私自动用secret gist来存款和储蓄数据。任何关于gist的变动都应该顾客来做决定。

最近艺术是透过description部分的特殊字符#tags
来保存自定义的价签。优点是标签分散到各种gist中,每一遍只供给创新该gist对应部分的标签就能够,能够共同到云端。而且它可读性高,尽管客户有一天摒弃Lepton撤回原生的网页端,也能随意读懂description的音信。

图片 24

Alt text

图片 25

Alt text

UI设计
图标

图片 26

Alt text

用作程序猿,能把图标制作到这些水平作者是很舒适的了...
Lepton情趣是轻子,是指不参加强相互成效的自旋为ћ/2 的费米子,其香江中华电力有限集团子Electron是最有名的轻子。项目起名Lepton,是对Electron框架的问候。(这一多种的门类爱用物理粒子起名,比方Electron、Atom、Photon等)
开首时候,曾想用β衰变图(β衰变会发出二种轻子)来作为LeptonLogo,可惜总画糟糕。后来退而求其次,总能画个圆形图案表现出粒子感吧(其实用圆形代表轻子是很不正确的),最后在写轮眼的启迪下,有了现在的计划。
Logo的制作方法简单、花费低、时间短,但效果不错。具体来说,先用系统自带工具画二个逗号,然后去上面先是个网址把图纸转变到svg,然后再去其次个网站把svg文件调换到Material风格的Logo。即便来回折腾一遍也正是半钟头的事务。
上面奉上网址链接:
http://pngtosvg.com/
https://android-material-icon-generator.bitdroid.de/

分界面设计
Lepton的界面差十分少从未设计,作者很制伏地不去增加不须求的因素。
在此之前做的项目(比方这个,和这个),由于规划过度,到新兴已略微掌握不了。这一次吸收经验, 能用Bootstrap原色就用原色,能不增多button就不加多button,能用黑白就毫无彩色。那样下去,不唯有节省了光阴,界面反而被人称道美观。有的时候开玩笑,说灵感来自清澈的凉水水泥。
CodeMirror
CodeMirror是一款第三方的text editor,提供了大多异常棒的编纂效用。(比如代码块的collapse/expand、语法高亮)

图片 27

Alt text

来自GitHub社区的wujysh在把CodeMirror集成到Lepton上做了拾壹分特出的专业!便是因为有她的进献,Lepton原先蹩脚的text editor进化为了未来的代码编辑利器。
同时她在对产品的利用和布局上也提议了大多赏心悦目标意见;)
地点搜索
Lepton最早曾经选用elasticlunr.js来落到实处地点寻找。缺憾的是,它这段时间只协助克罗地亚语的整词搜索,相比较鸡肋。后来自己改用了fusejs,华丽丽地扶助partial search和粤语,寻找效果弹指间满血复活。

图片 28

Alt text

可惜的是,Lepton并不补助对代码部分的搜寻,具体工夫上的原故可以参照这么些Issue。最近帮衬搜索的部分是:description、文件名、tags
自动更新
Electron自带了多个autoUpdater
模块,能够自动检验server上的新本子,并自行在后台下载。
Lepton并不曾一向选用自带的autoUpdater
,而是使用electron-builder购并的立异模块。每一遍release时候,electron-builder会把包装文件以及包罗版本信息的meta data文件上传到GitHub的release页面。当Lepton张开时候,它会自动物检疫查评定release页面上的新型版本新闻,若觉察有新本子,便会唤起顾客下载。
注意,当发表到Mac App Store时候,须要求关张那个auto updater的效果。
品类推广
注解文书档案
任何三个GitHub项目都应当有一份完善的证实文书档案,以造福别人明白这一个项目。笔者个人的习于旧贯是,尽管项目做不完,也会把做不完的由来和当下的进程在认证文书档案上写清楚,做到有头有尾。
那是自家写表达文书档案的某事例:例子1、例子2、例子3。
Lepton的开始时代成功得益于较为完好的文书档案,比较多顾客还对文书档案内容提出了考订的提出。这里奉上曾经计算过的写说明文档的财富。
初次亮相
类型一开首放在了V2EX社区上发布,获得了很准确的申报,非常多谢。在各位热心客商的申报下,Lepton从刚开始阶段只帮协助调查看gist的简短客商端,稳步前行造成集 Tag + Search + CRUD 一身的应用软件。未来能够很不夸张的说,Lepton近些日子的重重客户体验要优于基于网页顾客端的GistBox。
Lepton中期收获的关心接济它总是好些天进入GitHub的daily trending,那为它引发了广大万国开辟者的保护。(那是自个儿后来才发觉的,一起先还很奇异这几个国际伙伴从何地听大人说Lepton
开源合营
Lepton在GitHub上收获过多开荒者的孝敬,下边一并感激:
wujysh
meilinz
lcgforever
Calinou
rogersachan

三翻五次考虑
早晚,那是三个很风趣的阅历,不止是积存了无数能力(在支付Lepton经过中,小编本身就选择Lepton笔录了汪洋的gist),还在产品上有了更加的多的沉思。
品种支付前两周,小编抱有集中力都集聚到集成GitHub API、完结基本的CRUD功用上,作者所关切的是HOW。当步向第四周到第五周,产品基本功效(Tag

  • Search + CRUD)稳步周密,受到关怀更加的多,作者越来越多思念那些类型是何许(WHAT)。小编是要把GitHub自带的Gist网页端复制到桌面吗?如故经过Lepton自行建造贰个snippet生态?大家理应怎样挑选平衡功效吗?
    自个儿的结论是,Lepton要改成能保留代码的回忆笔记,姑且驾驭为“回忆代码”。它的极限指标是以开源本人来回馈开源社区;它的直徒花招是援助程序猿有效应用搜聚的蝇头智慧(读作dai ma),在抱StackOverflow大腿之余,也能够抱本身大腿。所以,我在新作用的选项上以上边“多少个方便人民群众”作为衡量标准:
    是或不是方便人民群众客商采摘代码 (举例引入CodeMirror)
    是不是方便客商便捷获替代码 (比方引进Local Search、copy/share button)
    是还是不是便利客商专一解析代码 (比如 Immersive mode)

何况在社区的赞助以及和煦时间允许范围内开展。
最后,Lepton这段经历告诉大家,营造叁个GitHub上千星项目,进程实际上未有那么神秘,爱惜在于清晰的类别对象和甘于分享的饱满。
或多或少意想不到的是,有人想到了把Lepton用作一款帮助markdown的轻量级“影象笔记”来行使。

致谢
一年前加入了太阁技士社区,从其中的免费讲座和体系实战中学到广大!这里强力推荐一下!
1MHz 给了广大才能匡助,款待我们也去游历一下她的Electron文章Knotes。
xwartz 的PupaFM详细的commit记录对本身就学Electron帮助相当大,希望大家去也给那么些项目点个赞。

本文由大发体育娱乐在线发布于编程应用,转载请注明出处:制作GitHub千星项目的阅历分享

关键词:

最火资讯