The following article is from 进击的Coder Author 崔庆才
崔庆才的个人公众号,分享有关网络爬虫、Web开发、机器学习、技术心得、时事新闻、个人感悟等内容。
总之,一切似乎都不是那么完美。
然而,现在这个问题已经有解决方案了!最近我发现,GitHub 官方的 Online VSCode 编辑器和 CodeSpace 陆续开放了,有了它俩,以后我们甚至连自己搭建 Online VSCode 编辑器都不需要了,以后我们所有的项目都可以一键在网页里面用 VSCode 打开、测试、运行,然后直接推送到 GitHub 仓库,简直不要太爽!
接下来我们就来了解下怎么弄。
首先,我们可以打开任何一个 GitHub 仓库,比如我打开我写的 Gerapy 项目的仓库,https://github.com/Gerapy/Gerapy,首页如图所示:
首先介绍一个非常方便的快捷键,那就是键盘上的“.”这个按键,就是“?” 左边那个按键,如图所示:
这是 GitHub 官方支持的一个快捷键,按一下,这时候就会打开一个叫做 github.dev 的网站,然后后面的后缀和 GitHub 仓库的后缀是一样的,比如说原来的仓库地址是 https://github.com/Gerapy/Gerapy,那么新转到的网站就是 https://github.dev/Gerapy/Gerapy,打开是什么呢?
就是一个在线 VSCode 编辑器,初始化页面如图所示:
是不是非常方便?
打开之后,我们可以登录自己的 VSCode 账号,这样它就会自动把我们本地 VSCode 的配置、主题、快捷键、插件等统统同步过来,比如这个就是我打开并同步之后的编辑器效果:
在这里我们是可以查看、修改代码的。
然而,当我打开命令行 Terminal 运行代码的时候,它提示如下了内容:
意思就是,现在 Terminal 还是不可用的状态,如果要使用的话,可以在本地的 VSCode 打开或者使用 CodeSpace。
本地 VSCode 有什么意思呢?我们用这个就是不想用本地 VSCode 的。
等等,CodeSpace 是什么?好像之前听说过?没错,就是之前大肆宣传的 Online VSCode,我之前还申请了内测,但后来也没有什么消息了。
现在终于来了。
好,那我就直接点 Continue Working on... 这个按钮,然后就看到两个选项:
这里我选择了 Create New Codespace,然后它就开始进行一些初始化设置了,右下角就会显示加载提示:
接着,浏览器又新开了一个选项卡,显示了正在设置 codespace,如图所示:
Wow,稍等片刻,我现在似乎见到了一个“完全体”的 Online VSCode,Terminal 也完全可以用了,如图所示:
测试了一下,运行代码、修改代码都完全没有问题。
那能不能修改之后直接把代码 Push 到 GitHub 仓库呢?有没有权限呢?需不需要再配置 SSH 呢?这是个好问题,那我就来验证下吧。
我随便修改了一个文件,比如 .gitignore
,然后试着 add、commit、push 了一下,居然成功了!
回到仓库看看,果然更新成功了!
舒服了,看来这个 Codespace 不仅仅是把代码 Clone 下来了,而且还做好了很多权限配置,知道我当前账号登录的情况下是可以直接 Push 代码的。
这样以来,我们以后似乎真的很多时候真的不需要本地 VSCode 编辑器了,看代码、写代码、测代码、推代码一应俱全了!
喜大普奔吧!
- EOF -
觉得本文有帮助?请分享给更多人
推荐关注「算法爱好者」,修炼编程内功
点赞和在看就是最大的支持❤️
Go to "Discover" > "Top Stories" > "Wow"