本文经AI新媒体量子位(公众号ID:QbitAI)授权转载,转载请联系出处。

注意,这篇文章就是在劝你买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/

【编辑推荐】

ipadpro编写java代码_iPad Pro变生产力工具,你还缺个轻量级浏览器端代码编辑器...相关推荐

  1. vs代码补全的快捷键_iPad Pro变生产力工具,你还缺个轻量级浏览器端代码编辑器...

    晓查 发自 凹非寺 量子位 报道 | 公众号 QbitAI 最近,苹果推出了新的iPad Pro,号称生产力工具. 然而对程序员来说,不能写代码,就难以称得上生产力. 虽然也有一些优秀的写代码App可 ...

  2. iPad Pro变生产力工具,你还缺这个轻量级浏览器端代码编辑器

    晓查 发自 凹非寺  量子位 报道 | 公众号 QbitAI 注意,这篇文章就是在劝你买iPad Pro(手动狗头)~ 最近,苹果推出了新的iPad Pro,号称生产力工具. 然而对程序员来说,不能写 ...

  3. iPad秒变生产力工具?在iPad上用vscode写代码搞开发【内网穿透】

    文章目录 视频教程 1. 本地环境配置 2. 内网穿透 2.1 安装cpolar内网穿透(支持一键自动安装脚本) 2.2 创建HTTP隧道 3. 测试远程访问 4. 配置固定二级子域名 4.1 保留二 ...

  4. 你真的会用iPad吗,如何使iPad秒变生产力工具?在iPad上用vscode写代码搞开发

    目录 前言 视频教程 1. 本地环境配置 2. 内网穿透 2.1 安装cpolar内网穿透(支持一键自动安装脚本) 2.2 创建HTTP隧道 3. 测试远程访问 4. 配置固定二级子域名 4.1 保留 ...

  5. 代码结构设计得最好的多链支持的 HD 钱包服务端代码

    代码库地址: https://github.com/SavourDao/savour-hd Savour HD 是 Savour 项目的钱包的 HD. 后端服务,使用 golang 编写,提供 grp ...

  6. 闲置ipad打造真正的生产力工具

    文章目录 前言 视频教程 1. 本地环境配置 2. 内网穿透 2.1 安装cpolar内网穿透(支持一键自动安装脚本) 2.2 创建HTTP隧道 3. 测试远程访问 4. 配置固定二级子域名 4.1 ...

  7. android平板生产力工具,小扎测评 | 华为MatePad Pro:安卓平板终于能谈生产力了

    小扎测评 | 华为MatePad Pro:安卓平板终于能谈生产力了 2019年12月06日 20:45作者:黄页编辑:黄页 分享 平板能做生产力工具吗? 对于这个问题,各个厂商都研究了很久.来到今年, ...

  8. 让浏览器变身代码编辑器

    http://mp.weixin.qq.com/s?__biz=MzAwNDc0MTUxMw==&mid=401904539&idx=1&sn=efb4ca8b181489bc ...

  9. 处理大并发之一 对epoll的理解,epoll客户端服务端代码

    http://blog.csdn.net/zhuxiaoping54532/article/details/56494313 处理大并发之一 对epoll的理解,epoll客户端服务端代码 序言: 该 ...

  10. 处理大并发之二 对epoll的理解,epoll客户端服务端代码

    http://blog.csdn.net/wzjking0929/article/details/51838370 序言: 该博客是一系列的博客,首先从最基础的epoll说起,然后研究libevent ...

最新文章

  1. 【Unity】12.5 Navmesh Obstacle组件
  2. 日本光伏相关企业倒闭数量上升 帝国征信调查
  3. VMware对虚拟机快照进行克隆
  4. windows x64 build c++ poco库
  5. 《C++ Primer》13.1.6节练习(部分)
  6. 热门专业学习之关于java的一些知识
  7. 作为一名程序员,我站在人生的十字路口
  8. 2019 renew 博客目录
  9. SqlServer死锁com.microsoft.sqlserver.jdbc.SQLServerException: Transaction (Process ID 52) was deadlock
  10. MFC文档视图中窗口切换 (2012-05-11 18:32:48)
  11. CA证书无法与服务器连接,湖北国税常见CA登陆问题的解决办法
  12. 4g网络标准 计算机网络,4G网络是什么 4G LET是什么?
  13. Jackson 学习笔记 XML转JSON
  14. python对seo有什么用_python对seo的帮助 – python对seo的帮助是什么?- 企业服务
  15. The Journal of Neuroscience: 珠心算训练有助于提高儿童的视觉空间工作记忆
  16. 现代密码学-密钥管理技术
  17. 快捷方式和活动桌面小贴
  18. “春节游”还准备去海外猎食新鲜?麻烦!家门口明明啥都有!
  19. react-router嵌套路由页面无法显示
  20. MySql (4)-储存引擎、索引、锁、集群

热门文章

  1. 微信状态栏隐藏 HTML,完美解决微信video视频隐藏控件和内联播放问题
  2. secoclient支持ipv6吗_ipv6使用说明
  3. 一代测序:又称Sanger测序(多分子,单克隆)
  4. 阴阳师android转ios,阴阳师手游IOS自动刷御魂?IOS切换控制教程[多图]
  5. 《东周列国志》第五十回 东门遂援立子倭 赵宣子桃园强谏
  6. VB中 文本框的ScrollBars属性不管用
  7. 身份证号判断和年龄计算
  8. Consul 集群部署
  9. View 添加阴影效果
  10. 去除趋势杀软的退出密码