Visual Studio 2017 中用于 JavaScript 和 TypeScript 文件的 Visual Studio Code 颜色主题

Question

正如主题所暗示的，我想在 Visual Studio 2017 中为 JavaScript 和 TypeScript 文件导入/设置 Visual Studio Code 颜色主题。因此，我想为其设置颜色主题的文件是：.js, .jsx, .ts and .tsx。如果无法编辑每个文件或语言，那么我想知道是否可以导入看起来像 Visual Studio Code 的整个主题。

简而言之，我想要这样：

看起来像这样：

Answer 1

您能否确认其他 TSLS 功能在您的安装中正常运行？ （格式化、完成等）。

VS 中的 TextMate 支持存在一个已知问题，有时会缺少颜色。为了确保这里不是这种情况，您可以尝试从 VS Developer cmd 提示符运行以下命令，看看它是否解决了问题： • devenv.exe /updateconfiguration • devenv.exe /setup

你的VS安装目录是什么？ 例如：C:\Program Files[(x86)]\Microsoft Visual Studio 15.0\Common7\IDE

TypeScript 安装路径下是否存在 tmLanguage 文件夹？ 例如：C:\Program Files\Microsoft Visual Studio 15.0\Common\IDE\CommonExtensions\Microsoft\TypeScript\tmLanguage

您的用户配置文件中是否有任何自定义语法文件（.tmLanguage、.tmTheme）？ 例如：%userprofile%.vs\Extensions

您能否验证这不是 TM 语言缓存问题：

• 关闭VS
• 转到 TexMateCache 位置： %localappdata%\Microsoft\VisualStudio[15.0XXXXX]\TextMateCache
• 删除该目录下的所有.cache文件
• 重新打开 VS 并尝试重现

这能解决问题吗？你有 TypeScript TextMate 注册表项设置正确吗？

• 关闭VS
• 打开注册表
• 选择 HKLM
• 文件 > 加载 Hive ...
• 打开 %localappdata%\Microsoft\VisualStudio\15.0_xxx\privateregistry.bin （您可以将 hive 命名为 VS）
• 现在导航到： 计算机\HKEY_LOCAL_MACHINE\VS\Software\Microsoft\VisualStudio\15[XXXXX]_Config\TextMate\Repositories

Answer 2

我确实找到了方法！

TL:DR：

下载JavaScript.tmLanguage和JavaScript.tmTheme。

• 转到 %USERPROFILE%\.vs\Extensions\javascript\Syntaxes（%USERPROFILE% 通常是 C:\Users\{username}）
• 如果文件夹不存在，请创建它们。
• 粘贴这两个文件
• 重启VS，js、jsx等文件的vscode应该会高亮！

---

如果您想将任何 vscode 主题移植到 Visual Studio，

• 在 vscode 中根据当前设置生成颜色主题。(Ref.) 这将是 tmTheme 文件
• 从 vscode 的repo 获取语言的 tmLanguage
• 将两个 json 转换为 plist。 （我用plist）
• 如果 tmLanguage 文件不存在，请将 filetypes 添加到该文件中。
• 将两者都添加到 %USERPROFILE%\.vs\Extensions\language\Syntaxes 文件夹中。
• 完成！

我已经测试了 VS2019，当我关注 VS docs 时，它似乎应该可以工作到 VS2015。

截图：