完全在浏览器里的vscode——vscode.dev使用体验LeafDeveloper

这个一下子就震惊到我了,多年的梦想居然突然就被实现了,上方还有关于vscode.dev的介绍文档,啪的一下,很快昂,我就点进去看了

文档的第一段(中英对照,谷歌翻译):

Backin2019,whenthe.devtop-leveldomainopened,wepickedupvscode.devandquicklyparkedit,pointingatourwebsitecode.visualstudio.com(or,ifyouarefromtheBostonarealikeme,we"pahkedit").Likealotofpeoplewhobuya.devdomain,wehadnoideawhatweweregoingtodowithit.Andwecertainlydidn'tanticipatethatitwouldendupbeingthefulfillmentofamissionoveradecadeinthemaking.早在2019年,当.dev顶级域名开放时,我们拿起vscode.dev并快速停放,指着我们的网站code.visualstudio.com(或者,如果您像我一样来自波士顿地区,我们“pahked”)。像许多购买.dev域名的人一样,我们不知道我们将用它做什么。而且我们当然没有预料到它最终会完成一项十多年的使命

啊?说实话这件事情我是一点都不晓得,立马就去WaybackMachine上看了一下,还真是…

以下就是我对于vscode.dev的所有评测

有些人也许就要开始问了:“啊?就只是一个编辑器啊?就那么普通啊?微软啊——你怎么这么堕落啊——”

的确,现在网上上类似这种东西的,不管是国内还是国外,都很多。国内的要说有较为完整的代码提示之类的东西的话就比如gitee的那个webide或者w3school的了;国外的代码提示与补全比较齐全的就比如stackblitz了。

那么在这么广大的网页端代码编辑器之间,vscode.dev的优势保持在什么呢?

在这里不讲深层次的东西,只讲在平时用得到的浅显的东西

首先在vscode.dev上非常直观的一个优点就是——易于入门。

从开头的这个图片很容易就能看出来,它和在本地运行的vscode基本没什么大区别,比起使用其他的网页端编辑器,vscode.dev能以更快的速度上手。因此,它的其他方面的功能也因为这一点变得无比好使

这个…也需要说一点吧,并不是大部分网页端编辑器都有这个功能,放到vscode.dev上也不知道为啥,就变得巨好无比…

实测打开是完全没有问题的,不过打开只适用于电脑端。如果你是ipad,那只能上传。

同时,你也可以打开github上的repo

这个打开目前只能打开自己账号里的repo,这个应该都知道的。

打开后也是没有问题,可以正常使用的

非常令人惊喜,vscode.dev也可以使用SourceControl。不过如果你是本地打开文件夹的,这个功能将不能使用,毕竟vscode.dev只是一个网页端的代码编辑器;不过如果你是打开github上的repo,那是可以使用的。(也仅限github)

同步也和一般的vscode无两样

在vscode.dev中,可以使用部分原来vscode的插件(注意是部分!后面我会讲)

这极大地赋予了vscode.dev的可玩性。同时也令人大为惊奇。vscode团队的这波操作啊,很好很强

这点都也要归功于它的插件市场。不过这个是直接预装在vscode.dev里的。同时它的github插件也是一样,都被预装在了vscode.dev里。

当然codespaces我并不能体验一波。因为我codepsace的申请从去年到现在就一直没有通过……官方给出的说法是这个codespace的体验人数是分批的,叫我继续等待……

此外,还有很多地方,同普通的vscode一样。在实际编码过程中(也只是编码),同普通的vscode是一模一样的。

当然,这也只是可玩性

说到终端,就提到了vscode.dev的第一个缺点

这点很容易理解,由于vscode.dev完全在浏览器中运行,所以它是没有终端的。用vscode.dev文档里的话来说就是“这是有道理的”。

……

oh,没有终端的vscode就少了灵魂~

这点在vscode.dev的文档中也有写到

很简单,也是由于它就是一个网页端代码编辑器的原因,它支持的插件非常少……

连C/C++的插件都没有支持,是不是血压立马就上去了?

vscode所有的语言支持都是依靠插件实现的,这在vscode.dev上也因此造成了一个比较尴尬的问题

除了英语之外,你不能更换任何语言。同时这也不仅仅是啥插件的原因,在命令菜单里连ConfigureDisplayLanguage选项也没有…

这可能对于部分时候会有略微的使用上的困难

这一缺陷直接导致了vscode.dev生产力的大幅度丧失。道理都懂……

不过非常神奇的是,vscode团队还是给它加上了RunandDebug选项?!(就蛮迷惑的)

下面那个按钮指向的是本地的vscode……就无语……

它的最大优点也同时表现在其他设备上。vscode.dev的文档特别地提到了在chromebook和ipad上使用vscode.dev。

所以说,vscode.dev在这一点来上讲是非常优秀的。随着ipados以及全新ipad的推出,ipad变得更加可用,变得更加可生产。一个ipad,配上一个键盘,再配上一个鼠标,简直就是一台小型电脑。vscode.dev的出现,使得在ipad上编写代码变得更加零门槛。

但是,即使它能在ipad上编写代码,它真的很实用吗?

vscode.dev无疑是vscode团队的一次脑洞大开的设计,也使得很多人心目中的所想变成现实。但是如果想要把它变成一个生产力的工具,那要付出的代价则是巨大的。它在目前看来,只适合轻量化的修改。有些人使用这个可能是因为,vscode.dev在ipad上适配非常好。但是如果我告诉你,cloudstudio和code-server的体验会比vscode.dev好上几千倍,几万倍,有终端有git,你又会作何感想呢?

目前上来看,vscode.dev因为它的设计,阻止了它的地位。

我并不是对于vscode.dev做出完全贬义的态度,它作为一个轻量化的修改工具,亦或是作为一个markdown笔记编辑器,它是好样的;但是更多的人也许不需要这套东西来解决需求,加上它至始至终都欠缺的生产力,它的用途、地位也变得异常尴尬。

不过我对于vscode.dev的前途并不悲观,从vscode.dev的文档中,团队承诺,将在vscode.dev中支持更多的插件,证明在将来,vscode.dev将会接受更多的维护与更新。未来的vscode.dev,一定会发展的越来越好!

我在那个时代等它。

“法拉第先生,这东西有什么作用呢?”“夫人,一个刚刚出生的婴儿有什么作用呢?”

THE END
1.在线代码编辑器codeserver真正做了一次安装,到处使用。 什么是 code-server ? code-server是一个免费的基于浏览器的IDE,可以让我们在具有一致开发环境的任何设备上编写代码。 还有个项目叫OpenVSCode,和code-server似乎是一样的,等有空了再来研究 准备 如果你要在互联网上使用,需要先准备好一个域名,并做好反向代理设置,因为后面安装容器的https://blog.csdn.net/wbsu2004/article/details/124538062
2.codeVisual Studio Code(简称 vscode)是一款由微软开发且跨平台的免费源代码编辑器,结合插件能够用于多种语言程序开发(如 python, java, javascript, go 等)。但是其属于一款客户端软件,在远程服务器上使用不如 code-server,code-server 是一款能够在网页上使用的 vscode,极大的方便程序开发人员快速访问与编码。本篇介绍https://xujinzh.github.io/2024/04/10/install-code-server/
3.随时随地写代码基于Codecode-server和vscode一样,支持安装插件,我选择了几个常用的插件安装测试,均完美支持。 界面 Tips 因为code-server专注于编辑器而对语言本身稍有忽略,比如其内置的python没有pip3工具,需要自己安装;而且内置的deb源速度较慢,需要自行替换。 修改deb源 因为自带的vi不要用,所以我们使用以下方式修改deb源,参考:常用工具https://cloud.tencent.com/developer/article/2064025
4.数据点不过,随着 VS Code 插件不断增多(当我在 2017 年 4 月下旬撰写本文时,仅略低于 3,000),许多用于与数据存储进行交互的插件现已发布。我用过两个,分别是来自 SQL Server 团队的 mssql 插件 (bit.ly/2gb2ICf),以及适用于 SQLite 和 PostgreSQL 的 vscode-database 插件 (https://docs.microsoft.com/zh-cn/archive/msdn-magazine/2017/june/data-points-visual-studio-code-create-a-database-ide-with-mssql-extension
5.VSCodeWebIDECoder安装及使用其它综合Coder是VS Code的Web IDE,分Code Server 和 Coder,Code Server安装在服务器上,通过浏览器打开地址后可以使用一个web版的VS Code,也就是Coder,但VS Code的插件无法使用。这篇文章主要介绍了VSCode Web IDE Coder 安装及使用,需要的朋友可以参考下GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!【 如果你想靠https://www.jb51.net/article/231012.htm
6.轻松搭建一个在线版的VSCode编辑器四、解压并使用 下载好后我们需要对其进行解压,如图: image.png 解压完毕后就有一个文件夹,我们要想使用就要启动里面的code-server文件,如图: image.png 此时我们只需要访问http://127.0.0.1:8080/即可打开web版VSCode,如图: image.png 不过这里i需要我们输入密码,那么这又该怎么做了,其实我们可以自定义一组密码https://www.jianshu.com/p/7d4b83be496c
7.通过ESXI安装HomeAssistantOS,必装插件推荐Studio Code Server 安装Studio Code Server后,可以直接在浏览器中修改configuration.yaml文件,或其他HA系统文件。 Home Assistant Google Drive Backup 提供自动备份HA系统,并同步到Google云盘,强烈推荐大家开启自动备份,HA系统更新频繁,如果遇到新系统不兼容,可以回滚备份回到之前的版本。 https://sspai.com/post/73363
8.干货利用vscode远程调试Linux内核我这里使用的是私钥方式登陆服务器,IdentityFile填写的是私钥的绝对路径。 配置好后,点击加号按钮,就可以登陆服务器了 报错:Setting up SSH Host XX:Copying VS Code Server to host with scp 在进行连接的时候卡住了,一直在等待Setting up SSH Host XX:Copying VS Code Server to host with scp。 https://www.eefocus.com/article/517941.html
9.Java加密技术HMAC(Hash Message Authentication Code,散列消息鉴别码,基于密钥的Hash算法的认证协议。消息鉴别码实现鉴别的原理是,用公开函数和密钥产生一个固定长度的值作为认证标识,用这个标识鉴别消息的完整性。使用一个密钥生成一个固定大小的小数据块,即MAC,并将其加入到消息中,然后传输。接收方利用与发送方共享的密钥进行鉴别https://www.iteye.com/blog/lzchacker-1820594
10.compose)。这些工具也可以独立使用,比如项目构建部署发布这些工具也可以独立使用,比如项目构建、部署发布、Webhook server、dns修改、服务器登录异常警报、数据库备份归档与还原、表格绘制、申请与续签(泛)域名证书等等,具体参考帮助。写文档是挺费神的,将就看吧。如果你在使用中遇到任何问题请在Issues中提出,或留下联系方式线下沟通。 1.1 特点 项目构建:可以指定构建方法、https://gitee.com/dataframe/zzxia-op-super-invincible-lollipop
11.code登录腾讯云开发者社区一直以来,VS Code 都是开发者心目中的生产力神器,它免费、开源且跨平台,被称为最好用的 IDE。把 VS Code 和 ChatGPT 结合使用,用户将获得来自 AI 的编程指导,包括代码解释、找 bug 等功能。但作者表示,目前 VSCode ChatGPT 的免登录、免注册、免代理版本已经上线,并在 VSCode 的插件商店提供了更新https://cloud.tencent.cn/developer/information/code%E7%99%BB%E5%BD%95-article
12.我要自学网我要自学网-免费视频教程,提供全方位软件学习,有3D教程,平面教程,多媒体制作教程,办公信息化教程,机械设计教程,网站制作教程,电脑培训http://51zxw.net/
13.app本地webhttpserver插件插件ID:wrs-httpserver 插件包体积:590.2KB 更新日期:2024-02-23 版本:1.0.12 插件 购买(199.00 元)for 云打包试用 示例 使用HBuilderX 导入示例项目 本站所有收费插件均支持免费试用,切勿私下交易或购买不可正常试用的插件,而造成不必要的纠纷。 更新记录 https://ext.dcloud.net.cn/plugin?id=5491
14.解决VSCode自动更新版本后卡在连接界面晚花行乐如果不想每次自动更新后都手动执行一次脚本,那么可以关闭 VS Code 的自动更新。 打开Setting, 搜索update关键字,按照图中红框里的选项配置即可。 如果您对本文有疑问或者寻求合作,欢迎联系邮箱。邮箱已到剪贴板 给个免费的赞吧~ 0 ? 前一篇: 在 Windows 10 LTSC 版本上安装 WSL2 https://www.lfhacks.com/tech/vscode-server/
15.花椒直播伴侣和QuickWAP2005哪个好用花椒直播伴侣和QuickWAP它解决了WAP开发中所遇到的常见问题,并且给出了完善的解决方案,同时全力支持Microsoft SQL Server2000和Microsoft Access2000以上版本数据库,是开发功能强大的动态WAP网站不可多得的辅助软件。 使用QuickWAP组件编写WAP网页程序,不仅运行稳定,处理速度也会比相同功能的ASP+WML网页程序要快很多倍,功能容易得到扩展,而且https://xiazai.zol.com.cn/pk/433528_262982.shtml
16.京东(JD.COM)京东JD.COM-专业的综合网上购物商城,为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家,囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类,满足各种购物需求。http://jd.com/
17.华为华为创立于1987年,是全球领先的ICT(信息与通信)基础设施和智能终端提供商,致力于把数字世界带入每个人、每个家庭、每个组织,构建万物互联的智能世界。http://www.huawei.cn/
18.调用BindEcsSlb接口来给部署在ECS集群中的应用绑定SLB{ "ChangeOrderId": "cd65b247-***-475b-ad4b-7039040d625c", "Code": 200, "Message": "success", "RequestId": "03FD1520-0FD6-436A-***-265318D7***" } JSON格式 { "ChangeOrderId": "cd65b247-***-475b-ad4b-7039040d625c", "Code": 200, "Message": "success", "RequestIdhttps://help.aliyun.com/zh/edas/developer-reference/api-edas-2017-08-01-bindecsslb
19.亲测能用SideFXHoudiniFXv20附安装教程免费破解版安装本页面免费提供:SideFX Houdini FX v20【附安装教程】免费破解版安装图文教程,通过详细的软件安装步骤,帮助您快速成功安装软件及使用,亲测能用!https://www.yutu.cn/softhtml/softsetup_8885.html