iPad Pro变生产力工具,你还缺这个轻量级浏览器端代码编辑器
晓查 发自 凹非寺
量子位 报道 | 公众号 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/
作者系网易新闻·网易号“各有态度”签约作者
— 完 —
2020年是个天文大年,4月8日有全年最大的超级月亮,6月有横跨中国的日环食,8月有英仙座流星雨,10月还有两年一次的火星冲日,12月有双子座流星雨。
我们邀请美国国家地理极致中国探享家刘允和天文爱好者们,组建了一个天文航天亲子社群,群里除了交流天文航天知识,还会组织一系列讲座、线下观星、航天探访活动。
如果你家有小朋友,也热爱天文航天,一起来玩啊:
天文航天亲子社群招募中,一起来玩吧~
关注AI发展现状,抓住行业发展机遇
量子位 QbitAI · 头条号签约作者
վ'ᴗ' ի 追踪AI技术和产品新动态
喜欢就点「在看」吧 !
iPad Pro变生产力工具,你还缺这个轻量级浏览器端代码编辑器相关推荐
- vs代码补全的快捷键_iPad Pro变生产力工具,你还缺个轻量级浏览器端代码编辑器...
晓查 发自 凹非寺 量子位 报道 | 公众号 QbitAI 最近,苹果推出了新的iPad Pro,号称生产力工具. 然而对程序员来说,不能写代码,就难以称得上生产力. 虽然也有一些优秀的写代码App可 ...
- iPad秒变生产力工具?在iPad上用vscode写代码搞开发【内网穿透】
文章目录 视频教程 1. 本地环境配置 2. 内网穿透 2.1 安装cpolar内网穿透(支持一键自动安装脚本) 2.2 创建HTTP隧道 3. 测试远程访问 4. 配置固定二级子域名 4.1 保留二 ...
- 你真的会用iPad吗,如何使iPad秒变生产力工具?在iPad上用vscode写代码搞开发
目录 前言 视频教程 1. 本地环境配置 2. 内网穿透 2.1 安装cpolar内网穿透(支持一键自动安装脚本) 2.2 创建HTTP隧道 3. 测试远程访问 4. 配置固定二级子域名 4.1 保留 ...
- 用Tkinter打造自己的Python IDE开发工具(1)建立一个简单的代码编辑器
用Tkinter打造自己的Python IDE开发工具(1)建立一个简单的代码编辑器 很多Python初学者,安装完Python后,已经包含了IDLE代码开发和调试系统.都会再安装各种Python开发 ...
- 闲置ipad打造真正的生产力工具
文章目录 前言 视频教程 1. 本地环境配置 2. 内网穿透 2.1 安装cpolar内网穿透(支持一键自动安装脚本) 2.2 创建HTTP隧道 3. 测试远程访问 4. 配置固定二级子域名 4.1 ...
- android平板生产力工具,小扎测评 | 华为MatePad Pro:安卓平板终于能谈生产力了
小扎测评 | 华为MatePad Pro:安卓平板终于能谈生产力了 2019年12月06日 20:45作者:黄页编辑:黄页 分享 平板能做生产力工具吗? 对于这个问题,各个厂商都研究了很久.来到今年, ...
- ipad一直卡在白苹果_苹果或将推出带触控板的 iPad 键盘,距离生产力工具还有多远?...
这是苹果将 iPad 推向 MacBook 的又一举措. iPad 是很多人眼中的大号 iPhone,但苹果却一直想让它变成生产力工具,配件上推出了 Smart Keyboard.Apple Penc ...
- ipad pro 生产力指南 2.1 下载
2019 年 6 月,iPadOS 正式亮相,在苹果首个面向 iPad 的 OS 的加持下,基于 iPad 以及 iPad Pro 的生产力流程也将被重构,新的系统特性.交互逻辑.第三方应用甚至新的硬 ...
- 装了激光雷达的iPad Pro,还能用鼠标了:苹果新键盘、新iPad Pro、新MacBook Air来了...
鱼羊 发自 凹非寺 量子位 报道 | 公众号 QbitAI iPad Pro也装上激光雷达了. 苹果产品,再次上新,带来终于可以用"鼠标"的新一代iPad Pro,和终于256G起 ...
最新文章
- PHP curl 实现RESTful PUT DELETE 实例
- python魔法方法好难_一篇干货好文,轻松掌握python魔法方法
- springboot 实现微信小程序授权并解密手机号
- C语言求最大公约数欧几里得Euclid算法(附完整源码)
- jpane1_Java—面板组件(Jpanel)1
- ssl2863-石子合并【dp练习】
- 基于HAProxy的网站架构
- ubuntu18常用软件安装设置
- LongAdder源码分析
- ELK filebeat或logstash修改规则之后重写记录到ElasticSearch
- VS报错——无法打开文件XXX.lib
- WebStorm配置Sass
- 【项目实战】Python基于Apriori关联规则算法实现商品零售购物篮分析
- 侧脸生成正脸概论与精析
- 广讯通显示连接服务器失败怎么办,苹果手机连接服务器失败原因
- linux 6.5光驱是什么意思,linux 6和5有什么不同
- windows7局域网网络共享文件夹和打印机的问题分析及解决
- 基于Java毕业设计在校大学生健康状况信息管理系统源码+系统+mysql+lw文档+部署软件
- 2021计算机考试准考证打印入口(附官网网址)
- 时间控件el-date-picker限制可选当前日期前七天
热门文章
- 怎样实现前端裁剪上传图片功能
- golang微信公众号请求获取信息
- [HDU5828]Rikka with Sequence
- svg做自定义折线图表
- hibernate中criteria的一些用法
- php里rand()函数怎么用,php中array_rand()函数怎么使用?
- ios 苹果审核常见被拒问题
- kiss原则包括什么_求职干货想让HR瞬间对你产生好感?简历做好这三个原则
- python动态时钟代码_python实现简易动态时钟
- iOS 11开发教程(六)iOS11Main.storyboard文件编辑界面