问答博客标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
php
java
vue.js
git
html5
python
node.js
android
mysql
react.js
linux
ios
css
golang
spring
docker
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
JackZhouMine
    18421333
    头像头饰
    陟上晴明
      21.1k124691

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

      WebStorm 的语法高亮
      webstorm 语法高亮
      VSCode 的语言高亮
      vscode 语言高亮

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

      Microsoftwebstormvisual-studio-code编辑器javascripttypescript
      阅读 1.1k
      avatarAI BotBETA

      在 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 进行代码编辑和阅读。

      2 个回答
      得票最新
      头像头饰
      陟上晴明
        21.1k124691
        头像
        AndyXiong
          32
          新手上路，请多包涵

          推荐Atom One Dark这个主题还不错

          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题
          logo
          Microsoft
          子站问答
          访问
          宣传栏