湛蓝
湛蓝

爱生活,爱美食,乒乓高手,程序猿

试用Gitpod在线IDE

在使用Github的时候一直感觉其在线代码编辑功能有所欠缺。要使用Github上的源代码,只能clone到本地,用本地IDE编辑后再提交/推送到Github。这就导致我在写代码的时候严重依赖于自己的本地开发环境。在越来越多应用程序网页化的趋势下,有没有一个这样的APP,可以在网页中同时编辑代码,调试,提交呢?答案是肯定的,Gitpod就是这样一个工具。


Gitpod可以很智能的根据你提供的源码仓库地址来创建Docker镜像并启动相应的环境。这些运行环境是在基于Google云架构的多个Kubernetes集群中运行的。如果需要的化,你也可以自定义docker镜像。一般只需要等待几秒钟的时间,Gitpod就会把在线开发环境创建好,包括云端的Linux容器和在线IDE。

Gitpod的智能化还体现在,它可以根据URL来启动Gitpod工作区。比如:从GH issue启动Gitpod将会自动创建分支,从PR启动Gitpod则会自动切换为Code review模式。

Gitpod对开源软件完全免费,但有每月50个小时的限制。不过这对于自己业余时间的项目是足够用了。如果全职工作想用这个平台,有多种付费选项:


下面看一看如何使用gitpod。

首先需要通过OAuth在Github授权Gitpod访问你的Github账号。

对于任何一个Github项目,只需要在前面添加:

https://gitpod.io#

就可以在gitpod中打开该项目。比如:在gitpod打开我Fork过来的HiveAccountRecovery工具:

https://gitpod.io/#https://github.com/aafenguk/HiveAccountRecovery

如果把Chrome全屏的话,界面和VS Code非常相似:


如果安装了Chrome扩展,当你访问Github项目时,就会看到对应的Gitpod按钮:


如果想要在浏览器中看看这个基于HTML/JS页面的效果,可以在终端窗口运行:

gp preview file://$GITPOD_REPO_ROOT/index.html

或者在命令行窗口运行如下命令,则会热加载代码:

npx browser-sync start -s -w

也可以创建.gitpod.yml文件,并加入上面的命令:

tasks:
  - init: 'echo "TODO: Replace with init/build command"'
    command: 'npx browser-sync start -s -w'

这样,在每次加载Gitpod的时候,就会自动运行这个应用。

这里只是介绍了如何配置/使用一个基于HTML/JS的简单项目。如果需要更多的定制化配置,可以参考Gitpod建议的开发步骤:


CC BY-NC-ND 2.0

Like my work?
Don't forget to support or like, so I know you are with me..

Loading...

Comment