注意,这篇文章就是在劝你买iPad Pro(手动狗头)~

最近,苹果推出了新的iPad Pro,号称生产力工具。

然而对程序员来说,不能写代码,就难以称得上生产力。

虽然也有一些优秀的写代码App可供程序员使用,但本着能不花钱就不花钱的原则,还是可以去找一些开源软件。

于是乎,现在有一款免费的浏览器端代码编辑器CodeJar,值得你看看。

它的优点是轻量级,总体积仅2KB。自动缩进、自动添加右括号引号。

因为是在浏览器中使用,所以CodeJar自然也就跨平台,Safari、Chrome、Firefox等浏览器上都能用,iPad和Android平台上的浏览器也能正常使用。

在使用CodeJar之前先使用npm安装

npm i @medv/codejar

并通过以下代码导入模块

语法高亮如何解决呢?不要怕,CodeJar扩展性很强,支持导入外部的语法高亮库。

你可以从PrismJS或者highlight.js下载现成的规则,或者根据自己的个人习惯编写规则。

比如你编写HTML代码,则可以直接调用PrismJS的规则:

const highlight = (editor: HTMLElement) => {const code = editor.textContent// Do something with code and set html.editor.innerHTML = code}let jar = new CodeJar(editor, highlight)

因为可定制性,CodeJar可以根据需求编写任意一种语言,也可以设置不同的主题,浅色暗色随意设置,只需导入对应的语法规则即可。

以下就是一段go语言程序在railscasts主题下的效果。

如果你不把CodeJar仅仅看做是一款代码编辑器,甚至还能用它实现酷炫的文字效果。

如果你觉得CodeJar还是太简陋,没法满足你的需求,那么还有一款更全面的在线代码编辑器CodeSanbox。

CodeSandbox允许使用任意NPM软件包,并且是基于VS Code的编辑器,如果你适应后者,那么上手CodeSandbox应该很轻松。

而最最重要的是CodeSandbox还支持Vim快捷键,对于支持鼠标还不够完善的iPad来说,这一点太重要了。

最后,网页端已经设置好。

现在剩下的只有一个问题:买一台iPad Pro。

项目地址:
https://github.com/antonmedv/codejar

CodeSanbox:
http://codesandbox.io/

这款开源神器,让你能在 iPad 上随心所欲写代码!相关推荐

  1. GitHub 热榜:这款开源神器可帮您将文本转换为手写文字,并下载为 PDF 格式文件!...

    今天给大家推荐一个非常有意思的开源工具 -- Text-to-handwriting. 该开源工具是一名来自印度塔内的大学生 Saurabh Daware 开源,他花费了 3 个小时编写了这么一款自动 ...

  2. github创建项目_用了 GitHub 上这款开源神器后,创建项目文档变得 so easy!

    大家好,我是小 G. 今天跟大家分享一个可用于快速创建项目文档的开源神器:MkDocs. https://github.com/mkdocs/mkdocs 该项目创建自 2014 年,目前 GitHu ...

  3. 这款开源神器,堪称程序员界的「瑞士军刀」!

    公众号关注 "GitHubDaily" 设为 "星标",每天带你逛 GitHub! 大家好,我是小 G. 正所谓「工欲善其事,必先利其器」,在日常开发过程中,如 ...

  4. Markdown还能这么玩?这款开源神器绝了!

    Markdown是一款轻量级标记语言,由于它易读易写的特性,很多程序员用它来写项目文档.其实Markdown的功能不止于此,结合一些工具使用还可以用来做PPT,今天带大家使用Markdown来做一个P ...

  5. 几分钟上线一个项目文档网站,这款开源神器实在太香了!

    之前在搭建mall项目的文档网站时,使用过不少工具,比如说Docsify.VuePress.Hexo.语雀等.对比了一下,要论使用简单.上线快捷还是Docsify,几分钟上线一个网站也不是问题,今天我 ...

  6. 几分钟上线一个项目文档网站,这款开源神器实在太香了~

    之前在搭建mall项目的文档网站时,使用过不少工具,比如说Docsify.VuePress.Hexo.语雀等.对比了一下,要论使用简单.上线快捷还是Docsify,几分钟上线一个网站也不是问题,今天我 ...

  7. 这8款开源自动化测试框架,你还没用上?

    在如今开源的时代,我们就不要再闭门造车了,热烈的拥抱开源吧!本文针对性能测试.Web UI 测试.API 测试.数据库测试.接口测试.单元测试等方面,为大家整理了github或码云上优秀的自动化测试开 ...

  8. 微信消息防撤回,这款开源神器文字、语音、图片都支持撤回查看!

    前言 微信在2014年的时候,发布的v5.3.1 版本中推出了消息撤回功能,用户可以选择撤回 2 分钟内发送的最后一条信息. 现在很多即时通讯的软件都有撤回这个功能. 腾讯为了照顾手残党,在微信和QQ ...

  9. 直男救星,这款开源神器教你如何帮女神挑口红!

    公众号关注 "GitHubDaily" 设为 "星标",每天带你逛 GitHub! 转自量子位,作者鱼羊 双十一刚过去不久,你都剁手买了什么好物呢?每到这种大型 ...

  10. Markdown还能这么玩?这款开源神器绝了

    Slidev简介 Slidev是一款专门为开发者打造的演示文稿工具,目前在Github上已有23K+Star.通过Slidev,我们只要使用熟悉的Markdown就可以做出炫酷的PPT来,同时拥有支持 ...

最新文章

  1. 了解关于Hadoop的12个事实
  2. TIOBE 2011年7月编程语言排行榜:Objective-C成为年度语言
  3. BUUCTF--练习场--Include 1
  4. html5监听动画结束,js判断css动画是否完成 animation,transition
  5. 转载div+css布局教程之div+css常见布局结构定义
  6. docker 离线安装_企业级Docker私库Harbor安装详解
  7. Docker实现隔离
  8. McAfee ePO4.5 admin账号密码忘记的解决办法
  9. Git学习收获(一)
  10. 【脑电信号】基于matlab小波变换睡眠脑电信号监测【含Matlab源码 595期】
  11. Nginx系列(5):Web服务器分析之Linux I/O(理论中)
  12. SketchUp-2022版本
  13. 服务器装凤凰系统,云服务器安装凤凰os
  14. Revit API之获取复合结构和材质
  15. unity2d旋转专攻◤一◢ 角度计算
  16. 什么是僵尸进程(Zombie Processes)
  17. 预设性能控制-Prescribed Performance Control(PPC)
  18. 单模光电转换器怎么接_光纤收发器怎么连接?光纤收发器连接图解!
  19. Cesium 点位聚合
  20. swf怎么和php实现交互,用ActionScript与JavaScript实现Flash与网页的交互

热门文章

  1. Arduino、arm、树莓派、单片机四者区别和关系
  2. 电脑桌面计算机英语,IT计算机英语词汇
  3. 计算机电路基础第三版清华大学出版社答案,清华大学出版社-图书详情-《计算机电路基础(第2版)》...
  4. 坐标系对应EPSG代号、经度范围、中央经线
  5. OGG表级别附加日志到底有多重要?
  6. 综合决策支持系统的含义
  7. 大厂Java核心面试题出炉:java视频教程马士兵
  8. 2013年锦绣中华民俗村迷情聊斋夜
  9. 【直播录像】FLV缺帧视频处理方案
  10. 利用SWT做Java版局域网QQ(一)——基于UDP协议