javascript - webstorm 如何配置 ts 或者js 语法高亮？

Question

WebStorm 如何配置 TS 或者 JS 语法高亮？

WebStorm 的语法高亮

VSCode 的语言高亮

对比两者，感觉 VSCode 的可读性更好一些，把关键字都高亮了。 WebStorm 的很难读。
我希望把 WebStorm 的高亮规则配置和 VSCode 一样，有什么方式快速做到吗？

Answer 1

哦，一开始理解错了，以为是类型推导啥的。
高亮的话自己去市场里面找自己喜欢的配色方案就好了。
themes - WebStorm Plugins | JetBrains Marketplace

Answer 2

在 WebStorm 中配置 TypeScript (TS) 或 JavaScript (JS) 的语法高亮，可以通过修改代码样式设置来实现。虽然 WebStorm 和 VSCode 的高亮风格可能有所不同，但你可以尝试调整 WebStorm 的设置以接近 VSCode 的高亮风格。请注意，由于 WebStorm 和 VSCode 使用不同的渲染引擎和默认样式，完全复制 VSCode 的高亮效果可能并不完全可行。

以下是在 WebStorm 中调整语法高亮的一般步骤：

1. 打开 WebStorm，进入 Settings 或 Preferences 对话框。
2. 在左侧导航栏中，选择 Editor -> Color Scheme -> JavaScript 或 TypeScript。
3. 在右侧面板中，你可以看到各种语法元素的颜色和样式设置。你可以通过点击每个元素旁边的颜色块来修改其颜色，或者通过调整其他样式选项来自定义高亮效果。
4. 尝试调整关键字、变量、字符串、注释等元素的颜色和样式，以使其更接近 VSCode 的高亮风格。
5. 如果 WebStorm 提供了导入或导出颜色方案的功能，你还可以尝试从其他地方导入一个接近 VSCode 风格的颜色方案。
6. 完成调整后，点击 Apply 按钮应用更改，并关闭设置对话框。

请注意，由于 WebStorm 的版本和配置可能因个人而异，上述步骤可能略有不同。此外，WebStorm 的语法高亮设置可能不如 VSCode 那样灵活和可定制，因此可能无法完全复制 VSCode 的高亮效果。

如果你发现 WebStorm 的语法高亮无法满足你的需求，你也可以考虑使用其他支持更高度定制化的编辑器或 IDE，或者继续使用 VSCode 进行代码编辑和阅读。