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

Posted 2023-03-13

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

【英文标题】：Visual Studio Code color theme in Visual Studio 2017 for JavaScript and TypeScript files

【发布时间】：2017-10-12 23:42:48

【问题描述】：

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

简而言之，我想要这样：

看起来像这样：

【问题讨论】：

你在过去的 2 年里有过成功吗？我非常需要这个

【参考方案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

【讨论】：

这不是 Visual Studio 的错误，只是 Visual Studio 的颜色主题使用了不同的（在这种情况下不受欢迎）颜色。他们要求某人为 Visual Studio 2017 制作 Dark+ 主题（Visual Studio Code 中的默认主题）。

您可以通过转到 Visual Studio Code、File -> Preferences -> Color Theme 并选择 Dark (Visual Studio) 并获得与第一张图像相同的输出来确认这一点。

【参考方案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。

截图：