在 VS Code 中更改光标样式和动画

由 Mux 赞助的 DEV 全球展示挑战赛：展示你的项目！

VS Code 编辑器中有 4 种光标动画类型：
phase，，smooth和expand。solid

要在 VS Code 中为光标设置特定的动画效果，您需要在settings.json文件中添加光标动画设置。

打开settings.json=>ctrl + shift + P并搜索 setting.json 文件，添加新的设置：

"editor.cursorBlinking": "smooth",

以下是 settings.json 文件的屏幕截图。

更改光标宽度和样式：

"editor.cursorStyle": "line",
"editor.cursorWidth": 6,

VS Code 中有 6 种光标样式：

block，，，，，。block-outline​​​​lineline-thinunderlineunderline-thin

动画演示：

光滑的

GIF

阶段

GIF

展开❤️❤️

GIF

真棒😐😐

这可能需要一些小小的配置，但你会喜欢它的。

我将在下一篇文章中分享我的完整 VS Code 配置，您可以关注以获取通知。

您的反馈我们非常欢迎 😉😉

您可能喜欢：

适用于 VS Code 的扩展 HTML5 样板