[大阪/横滨/德岛] 寻找基础设施/服务器端工程师!

[大阪/横滨/德岛] 寻找基础设施/服务器端工程师!

【超过500家企业部署】AWS搭建、运维、监控服务

【超过500家企业部署】AWS搭建、运维、监控服务

【CentOS的后继者】AlmaLinux OS服务器搭建/迁移服务

【CentOS的后继者】AlmaLinux OS服务器搭建/迁移服务

[仅适用于 WordPress] 云服务器“Web Speed”

[仅适用于 WordPress] 云服务器“Web Speed”

[便宜]网站安全自动诊断“快速扫描仪”

[便宜]网站安全自动诊断“快速扫描仪”

[预约系统开发] EDISONE定制开发服务

[预约系统开发] EDISONE定制开发服务

[注册100个URL 0日元] 网站监控服务“Appmill”

[注册100个URL 0日元] 网站监控服务“Appmill”

【兼容200多个国家】全球eSIM“超越SIM”

【兼容200多个国家】全球eSIM“超越SIM”

[如果您在中国旅行、出差或驻扎]中国SIM服务“Choco SIM”

[如果您在中国旅行、出差或驻扎]中国SIM服务“Choco SIM”

【全球专属服务】Beyond北美及中国MSP

【全球专属服务】Beyond北美及中国MSP

[YouTube]超越官方频道“美由丸频道”

[YouTube]超越官方频道“美由丸频道”

图标变了!Visual Studio Code 1.17版发布

你好。
我是Mandai,负责Wild 开发团队。

前段时间,Visual Studio Code(VSCode)更新了。

这次版本更新,图标发生了变化,颜色也从蓝色变成了橙色,感觉还是很奇怪,不过我还是想看一下这次更新的新功能和改进。

 

为什么图标变了?

我认为乍一看最不寻常的是图标。
然而,似乎改变的不仅仅是 VSCode,而是整个 Visual Studio 产品家族。

更改背后的细节和底层想法都写在这里,所以读起来很有趣,但重点是 VSCode 和 Visual Studio Team Services 的徽标具有相同的颜色,因此 VSCode 的颜色看起来是相同的

我感到很失望,因为我更喜欢以前的标志。
另外,github 上的情况很糟糕,所以我想知道事情是否会恢复正常,或者是否会继续原样。这是一种我无法移开视线的情况。

VSCode 新徽标
新 VS Code 图标很丑!

每个人似乎都对 VSCode 充满热情。它已成为一个好产品。

 

终端行为已改变

由于工作原因,我经常使用终端,但是 VSCode 终端的行为发生了变化。

一句话,好!是。
这也是D Molt。

当我查看发行说明时,确实列出了它。
看起来渲染引擎完全改变了,而不是改进了,而且执行速度也得到了显着的提升。
在发行说明中,有一个在包含大量文件的目录中点击 ls 命令的 gif,但我觉得这取决于机器规格,所以即使显示屏幕截图......

不过,确实已经做出了改进,并且现在运行顺利。

对我来说,它最好的一点是,在过去的版本中,如果你正在查看正在进行的日志并且终端流动,它会滚动,因此你无法冷静地检查日志,但现在显示的是最新的日志。重点是现在只有在显示时才会滚动。

每天我都含着泪从层叠的日志中寻找自己想要的数据,心里想着“在提交之前删除调试信息”(我也经常这样做,不过/(^o^)\)我从!

另外,当我认为终端中的字体发生了变化时,这似乎是一个问题,并且在1.17.2中已得到解决。

 

现在可以从调试控制台跳转到输出行。

这很好。
迪莫托贝内。

每个人都按照自己的喜好输出console.log,然后不管它......好吧,这很好,但我不知道console.log是在哪里生成的,我向每个日志添加了标识字符串,然后我计算了console.log中的行数不再需要计算输出位置。

它不是终端,而是调试控制台,所以不用担心。
终端有一个功能,可以让您在显示错误时跳转到相关位置。

我认为这两个都是很好的功能,而且非常易于使用。

 

代码折叠方面的改进

当处理长源代码时,您可以使用代码折叠(使用编辑器左侧行号附近的 +/- 图标显示/隐藏代码的功能)来仅显示必要的部分,但此功能已变成更复杂。

如果您想折叠到代码折叠框架之外的更大框架中,现在可以在注释中使用区域关键字指定它。

目前指定支持八种语言:TypeScript/JavaScript、C#、C/C++、F#、Powershell 和 VB,每种语言的编写风格略有不同。
这是根据每种语言的格式差异,因此它不是由 VSCode 本身定义的。

以下是指定每种语言中可以使用的区域的方法。

  • TypeScript/JavaScript: //#region, //#endregion, //region, //endregion
  • C#:#region、#endregion
  • C/C++:#pragma 区域、#pragma endregion
  • F# : //#region, //#endregion
  • Powershell:#region、#endregion
  • VB:#Region、#End 区域

我很不好意思地说我不知道​​这个功能,但我不想使用它。
这样做的原因是(甚至比过去被注释掉的代码更是如此)代码中出现与操作无关的单词是没有意义的,但是即使你看Stackoverflow,也有大量的讨厌它的人似乎很有争议,因为有些人这样做。

我认为 VSCode 应该支持作为规范而存在的功能,而不是有这样的好恶。

 

现在在 JavaScript/TypeScript 中动态建议导入路径

我从未使用 JS/TS 构建过如此庞大的系统,所以它对我来说并没有真正的吸引力,但以前从未发生过。
当您需要通过导入挖掘路径时,这非常有用!

 

IntelliSense 现在可以识别 JavaScript 和 TypeScript 上的 Markdown

你是什​​么意思? 现在我想了一下,您现在可以在 Markdown 中为 IntelliSense 中的每个方法编写注释。
你甚至可以在 Markdown 中为你自己的函数编写注释,所以如果你想编写易于理解的注释,这是一个不错的选择。

/** * 这是我的函数 * - 像这样的注释 * - 像那样的注释 */ function OrenoFunc(){ // 一些处理 }

 

如果我这样写,IntelliSense 就会识别它。

 

Markdown 代码块现在可以识别和处理编程语言

我懂了...

````js let test = 0 ```` ``css a { margin: auto;} ```` ````html<a href="beyodjapan.com">超出</a>````

假设有这样的代码,在每个代码块中按“Ctrl + /”。

然后它会看起来像这样:

````js // 让 test = 0 ```` ````css /* a { margin: auto;} */ ```` ````html; <!-- <a href="beyodjapan.com">beyond</a> --> ````

 

将代码复制到 Markdown 中时,有很多模式是单独创建它,检查其操作,然后复制它,所以我看不出有什么好处,但添加了这种小功能。

增加了这样的小功能,就说明现在功能已经很齐全了,可以说是一个很好的趋势。

 

多根工作区已实现! (仅限预览版...!)

未来版本更新中我非常感兴趣的一个功能是多根工作区,它允许设置多个文档根,但它已经在预览版中发布了。

多根工作区是一项允许您为工作区设置多个文档根的功能。
到目前为止,概念是文档根=工作空间,但感觉工作空间的框架正在扩展。

我只经常使用Windows版本,所以不确定其他环境,但它可以与常规发行版本结合安装,所以请随意尝试一下!

我们来对比一下普通版和预览版的启动画面。

发布

预览

在预览版本中,在方框区域中添加了功能(克隆 git 存储库命令已消失)。

它使用方便,可以直观地使用。
以前,当源代码工作区和文档相关工作区分开时,需要打开两个窗口,但现在您可以在一个窗口内顺利工作。

但是,如果有两个窗口,它的优点是可以更轻松地使用多个显示器(尽管这部分是因为我习惯了这种风格),因此在这种情况下,您可以选择像往常一样打开两个窗口我想也有。

 

概括

本次更新在外观和内容上有较大变化,例如图标更改和终端引擎更改。
特别是,我的印象是,通过更改终端引擎,行为得到了极大的改善,所以我绝对希望您使用它! (做广告没有任何好处。)

 
就是这样。

如果您觉得这篇文章有帮助,请点赞!
0
加载中...
0 票,平均:0.00 / 10
855
X Facebook 哈特纳书签 口袋
[2025.6.30 Amazon Linux 2 支持结束] Amazon Linux 服务器迁移解决方案

[2025.6.30 Amazon Linux 2 支持结束] Amazon Linux 服务器迁移解决方案

写这篇文章的人

关于作者

万代洋一

我的主要工作是为社交游戏开发 Web API,但我也很幸运能够做很多其他工作,包括营销。
此外,我在 Beyond 中的肖像权被视为 CC0。