如何在iPad上直接打开并运行GitHub上的代码?
在2005年,Linus Torvalds开创了一个名为Git的开源版本控制系统。开发者在使用Git作为版本控制系统时,能够获取项目的整个代码库和修改历史。因此,他们也能更轻易地新建分支和合并代码。
GitHub正是一个在Git开源版本控制系统上建立的云端代码仓库托管服务商。用户可以在GitHub上免费注册并创建公共的代码仓库,这不仅让个人和小团队能够更好地利用Git进行版本控制和协作,也让GitHub成为了著名的开源项目网站。
虽然GitHub在公开代码仓库的基础上提供免费服务,他其实也通过部署私人代码仓库盈利,其中包括为团队和企业提供更专业且完善的代码托管服务。
一般而言,GitHub仅提供代码托管服务。用户如果在GitHub上搜索到有趣的代码,需要自行下载复制到本地并用编辑器打开或运行。在Lightly IDE(lightly.teamcode.com)中,用户可以直接从GitHub复制代码仓库,在云端中直接运行并修改代码。
使用步骤
- 在AppStore上下载安装Lightly
这是一个能在iPad上编写并运行代码的IDE,基本上主流的编程语言都可以使用,还支持使用数据库和构建程序。 - 在GitHub上查找代码仓库
这个就不需要多说了吧?自己想要找什么搜索就行,以 JS 盖楼小游戏为例直接复制仓库网址:https://github.com/iamkun/tow... - 打开Lightly并导入项目
注册登录后会直接显示项目列表,在项目列表的右上方选择导入项目,然后把GitHub仓库网址粘贴到「Git地址」中,点击下一步后会自动检测代码仓库。如果运行的是自己账号内的代码,也可以选择授权访问后登录GitHub或Gitee。
- 根据项目类型选择编程环境
这部分需要我们手动选择项目的编程语言,演示用的 JS 小游戏可以选择 HTML 后点击「创建」。目前支持的其他编程语言包括:C/C++、Python、Go、Java、PHP、Rust、Vue、React等。
- 运行项目
项目打开后,找到对应的源文件即可查看并运行项目。
- 构建制品
如果项目需构建成制品,只需点击右侧的「构建」按钮即可构建成制品。构建任务根据项目类型可选择不同的操作系统和版本,目前支持 Windows、Linux 和 MacOS。由于系统限制,在iPad上完成构建的任务无法在设备上直接打开,需要发送到相应的操作系统上运行。
如果喜欢这篇文章,欢迎点赞收藏。如果想要了解iPad版Lightly的更多功能,可以查看往期的文章:iPad也能写代码,Lightly今日正式上架 iPad AppStore
TeamCode
TeamCode - 云端协作开发平台,重构开发流程,提供基于云端开发的一站式工具和服务,持续自动生成开发环...
推荐阅读
「多图预警」完美实现一个@功能
一天产品大大向 boss 汇报完研发成果和产品业绩产出,若有所思的走出来,劲直向我走过来,嘴角微微上扬。产品大大:boss 对我们的研发成果挺满意的,balabala...(内心 OS:不听,讲重点)产品大大:咱们的客服 I...
wuwhs赞 40阅读 4.7k评论 5
ESlint + Stylelint + VSCode自动格式化代码(2023)
安装插件 ESLint,然后 File -> Preference-> Settings(如果装了中文插件包应该是 文件 -> 选项 -> 设置),搜索 eslint,点击 Edit in setting.json
谭光志赞 34阅读 20.7k评论 9
涨姿势了,有意思的气泡 Loading 效果
今日,群友提问,如何实现这么一个 Loading 效果:这个确实有点意思,但是这是 CSS 能够完成的?没错,这个效果中的核心气泡效果,其实借助 CSS 中的滤镜,能够比较轻松的实现,就是所需的元素可能多点。参考我们...
chokcoco赞 21阅读 2.1k评论 3
你可能不需要JS!CSS实现一个计时器
CSS现在可不仅仅只是改一个颜色这么简单,还可以做很多交互,比如做一个功能齐全的计时器?样式上并不复杂,主要是几个交互的地方数字时钟的变化开始、暂停操作重置操作如何仅使用 CSS 来实现这样的功能呢?一起...
XboxYan赞 22阅读 1.6k评论 1
在前端使用 JS 进行分类汇总
最近遇到一些同学在问 JS 中进行数据统计的问题。虽然数据统计一般会在数据库中进行,但是后端遇到需要使用程序来进行统计的情况也非常多。.NET 就为了对内存数据和数据库数据进行统一地数据处理,发明了 LINQ (L...
边城赞 17阅读 2k
【代码鉴赏】简单优雅的JavaScript代码片段(一):异步控制
Promise.race不满足需求,因为如果有一个Promise率先reject,结果Promise也会立即reject;Promise.all也不满足需求,因为它会等待所有Promise,并且要求所有Promise都成功resolve。
csRyan赞 26阅读 3.3k评论 1
「彻底弄懂」this全面解析
当一个函数被调用时,会创建一个活动记录(有时候也称为执行上下文)。这个记录会包含函数在 哪里被调用(调用栈)、函数的调用方法、传入的参数等信息。this就是记录的其中一个属性,会在 函数执行的过程中用到...
wuwhs赞 17阅读 2.4k
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。