这是「进击的Coder」的第 477 篇技术分享
作者：崔庆才
之前我写了一篇文章《爽爆了！我搞了一个网页版 VS Code》介绍过自己搭建一个 Online VSCode 编辑器，虽然搭建过程稍显复杂，但用起来是真的挺爽的。另外还有一篇文章《介绍一个十分牛逼的 GitHub 看代码神器》介绍了可以一键打开一个 Online VSCode 编辑器的方式，就是在 github.com 后面加 1s，不过这个 VSCode 编辑器不是官方支持的，而且不能编辑和保存代码，稍显鸡肋。
总之，一切似乎都不是那么完美。
然而，现在这个问题已经有解决方案了！最近我发现，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 编辑器了，看代码、写代码、测代码、推代码一应俱全了！
喜大普奔吧！
End
「进击的Coder」专属学习群已正式成立，搜索「CQCcqc4」添加崔庆才的个人微信或者扫描下方二维码拉您入群交流学习。
看完记得关注@进击的Coder
及时收看更多好文
↓↓↓
崔庆才的「进击的Coder」知识星球已正式成立，感兴趣的可以查看《我创办了一个知识星球》了解更多内容，欢迎您的加入：
点个在看你最好看
期盼了很久，VSCode Online终于发布了。Visual Studio Online 提供了由云服务支撑的开发环境。只要在浏览器中打开相关页面，就能在其中编写代码了，以后用蓝牙键盘连接iPad，就完全可以在上面写代码了，不用担心电脑没有在身边。
官网介绍下，Visual Studio Online有以下特点：
可以直接在 Web 版 VS Code 中打开你的 Git 项目。
支持 VS Code 插件。丰富的插件生态，任你挑选你喜欢的插件。
内置的集成终端。犹如在本地的 Terminal 一样强大！ 内置的 Visual Studio IntelliCode，利用 AI 提供更强大的代码自动补全，
内置的 Visual Studio Live Share，使得多个开发者可以在 VS Code、VS IDE 或者 Web 版 VS Code 中进行实时的协同开发和调试。
在任何设备上编辑、运行、调试你的项目。是的！可以在 iPad 上运行 VS Code（Web 版）了！
下面就是对Visual Studio Online的体验了，这篇文章就是用浏览器中的Visual Studio Online写的。首先需要打开Visual Studio Online官网，点击开始实施，就可以进入Visual Studio Online的项目界面。
在项目界面，需要你创建环境，你需要一台Azure的云服务器，所以要用Visual Studio Online，还得需要一个Azure账户，此账户可以用微软账户登录，但是和国内云不一样，Azure和AWS以及Google Cloud一样给你免费额度，但是你需要填写信用卡，而且Azure只支持Visa和Mastercard，这对国内用户是很不友好的。
创建好Azure账户之后就可以创建Visual Studio Online环境了：
备选的服务器有两种规格：
Standard (4 cores, 8 GB RAM, 64 GB HDD)
Premium (8 cores, 16 GB RAM, 64 GB HDD)
可见目前的Visual Studio Online还是很吃硬件的，大家常用的1 cores, 2 GB RAM的入门级服务器想要自己配置Visual Studio Online然后运行起来看来是基本不可能了。创建好环境就可以启动了，界面就是一个全功能的vscode，你可以在里面安装自己常用的插件，编写代码。写代码的时候很顺滑流畅，体验很好。唯一的不足就是添加插件后重载相比本地vscode有点慢。
总结
想随时随地就能写代码的话，Visual Studio Online已经很好了。但对于大部分个人用户来说，这样的工具可能也就是尝试一下，新鲜感过去之后还是会回归到自己的电脑上来进行使用，毕竟免费额度用完之后还得续费，这样的配置肯定也不会很便宜。
如果之后微软把Visual Studio Online开源出来的话，可以自己在自己买的服务器上运行，但希望那个时候能对配置降低一些要求，能够在入门级的服务器上运行。
但这样的云IDE肯定是未来的趋势，大家都不想因为换电脑、重装系统之类的原因再配置一遍系统。也不想随时随地都把电脑带在身边，虽然电脑也越来越轻薄。所以，期待更好的Visual Studio Online吧。
巨硬nb！ o(￣▽￣)ｄ
公众号关注 “GitHubDaily”
设为 “星标”，带你了解技术圈内新鲜事
昨天（北京时间 2019 年 11 月 4 日），在 Microsoft Ignite 2019 大会上，微软正式发布了 Visual Studio Online 公开预览版！
今天发布的 Visual Studio Online 与五月份发布的 Visual Studio Code Remote Development 可以说是微软今年在开发工具领域最重磅的两个新产品了。
概览
Visual Studio Online 提供了由云服务支撑的开发环境。无论是一个长期项目，或是像 review pull request 这样的短期任务，都可以使用 Visual Studio Online。你可以通过 VS Code、VS IDE 或者 Web 版 VS Code 来连接上云端开发环境。此外，你还可以连接到自己的环境，不需要任何费用！
简单来说，Visual Studio Online 由两部分组成："前端" 与 "后端"。
"前端"：VS Code、VS IDE 和 Web 版 VS Code。
"后端"：由云服务支撑的开发环境。
云开发环境
云开发环境是 Visual Studio Online 的“后端”，背后由 Azure 云计算平台提供强有力的支持。目前，Visual Studio Online 云开发环境支持 Linux 云开发环境，有以下两种环境可供选择：
Standard (4 cores, 8 GB RAM, 64 GB HDD)
Premium (8 cores, 16 GB RAM, 64 GB HDD)
目前，Windows 云开发环境处于 Private Preview 阶段。
Visual Studio Online 云开发环境包含了所有软件开发的内容：编译、调试、开发环境还原，等等。当你需要开发一个新项目，或者要 review PR 时，你可以快速地启动一个云开发环境。它会自动配置你需要在项目上工作的所有内容：源代码、运行时、编译器、调试器、编辑器、自定义的 dotfiles、相关的插件等。
Visual Studio Online 云开发环境享有诸多云计算带来的好处：
可以快速地创建或者关闭云端的开发环境。这使得开发者可以有更多的时间在 coding 上，而不是把时间浪费在搭建开发环境上。
水平扩展：你也可以创建多个不同的开发环境。
垂直扩展：如果需要更强的运算能力，可以选择更强的开发环境，使用更强的 CPU 与内存。
由于是托管的环境，无维护成本。
不同的项目有独立的开发与运行环境，相互不会干扰。
按使用量付费。Visual Studio Online 也有内置的自动挂起机制，防止额外的开销。
Web 版 VS Code
相信读者们对 Web 版 VS Code 期待已久了。对 VS Code 熟悉的朋友应该知道，VS Code 是基于 Electron 开发的，而 Electron 是使用 Web 技术栈（JavaScript, HTML 和 CSS）来开发跨平台桌面应用的。所以，把 VS Code 搬到浏览器中，则是必然的趋势。
Visual Studio Online 包含了基于 VS Code 的 Web 版编辑器，它作为 Visual Studio Online 的“前端”，有以下的这些亮点：
可以直接在 Web 版 VS Code 中打开你的 Git 项目。
支持 VS Code 插件。丰富的插件生态，任你挑选你喜欢的插件。
内置的集成终端。犹如在本地的 Terminal 一样强大！
内置的 Visual Studio IntelliCode，利用 AI 提供更强大的代码自动补全，
内置的 Visual Studio Live Share，使得多个开发者可以在 VS Code、VS IDE 或者 Web 版 VS Code 中进行实时的协同开发和调试。
在任何设备上编辑、运行、调试你的项目。是的！可以在 iPad 上运行 VS Code（Web 版）了！
不止 Web
除了 Web 版 VS Code 之外，Visual Studio Online 还支持通过 VS Code 和 VS IDE（Private Preview）连接 Visual Studio Online 云开发环境。
Linux 云开发环境（Public Preview）可以通过两种“前端”编辑器连接：VS Code 和 Web 版 VS Code。
Windows 云开发环境（Private Preview）可以通过所有的三种“前端”编辑器连接：VS Code、VS IDE 和 Web 版 VS Code。
目前，VS IDE 对于 Visual Studio Online 的支持处于 Private Preview 阶段。
自托管的环境
除了连上由 Azure 支持的 Visual Studio Online 云开发环境，开发者还可以连上自己搭建的开发环境。其实，通过 Visual Studio Code Remote Development，开发者早已可以通过 VS Code 来连上远程的开发环境了。现在，有了 Web 版 VS Code，我们可以直接在浏览器中连上自己的远程开发环境，更加地方便！而且，这是完全免费的。
来体验吧！
还等什么呢？快来体验下 Visual Studio Online 吧！全新的开发体验，如丝般顺滑~
https://visualstudio.microsoft.com/services/visual-studio-online/
---
以上，便是今日分享，觉得不错，还请点个在看，谢谢。
推荐阅读：
「GitHub 交流群」已开放
想入群的可在公众号后台回复「入群」
Visual Studio Online & Web 版 VS Code
https://online.visualstudio.com
https://devblogs.microsoft.com/visualstudio/intelligent-productivity-and-collaboration-from-anywhere/
private preview
preview registration
https://vsfutures.azurewebsites.net/
live-share
https://visualstudio.microsoft.com/zh-hans/services/live-share/
https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-pack
https://docs.microsoft.com/zh-cn/visualstudio/liveshare/reference/security
转载于:https://www.cnblogs.com/xgqfrms/p/10824782.html
