试用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建议的开发步骤：