如何将VS Code主题集成到WebStorm

时间:2018-09-08 18:08:23

标签: visual-studio-code themes webstorm

我在VS Code中使用“流行与锁定”颜色主题,我也想在WebStorm中使用相同的主题。但是VS Code使用.vsix扩展,而WebStorm使用.icls

如何将.vsix转换为.icls或如何在WebStorm中使用相同的主题。我必须手动做吗?

2 个答案:

答案 0 :(得分:2)

可以使用两种不同的方式来实现Visual Studio Code主题,即使用属性的JSON文件或使用tmTheme。如果查看颜色主题的存储库(提到的主题为https://github.com/hedinne/popping-and-locking-vscode,则可以看到它使用JSON格式。

tmThemes和JSON主题可以使用其官方工具(https://github.com/JetBrains/colorSchemeTool)转换为JetBrains主题。


我没有使用过此工具,也没有测试过功能,所以我不确定是否可以使用。但是,它看起来非常简单。您可以自己检查colorSchemeTool的代码,但我相信您需要执行以下操作:

  1. 下载colorSchemeTool代码
  2. 下载弹出并锁定的JSON文件(https://github.com/hedinne/popping-and-locking-vscode/blob/master/themes/popping-and-locking.json
  3. 将JSON文件移动到colorSchemeTool的vscThemes文件夹中
  4. 运行convert.sh脚本
  5. .icls文件现在将放置在intellijThemes下

同样,我还没有亲自测试过该功能,但这似乎是实现此目的的方法。

答案 1 :(得分:0)

您可以选中https://github.com/mkubdev/material-vscode-jetbrains,以从Visual Code for Webstorm获得dark +主题的配色方案。然后将.xml添加到插件Material UI中。

  1. 下载两个文件
  2. 下载Material UI插件
  3. 将.xml文件添加到“自定义材质主题”以获取用户界面
  4. 添加.icls替换colorScheme

Voila!