Visual Studio 2017中针对JavaScript和TypeScript文件的Visual Studio Code颜色主题

Question

作为主题所示，我想在Visual Studio 2017中为JavaScript和TypeScript文件导入/设置Visual Studio Code颜色主题。因此，我想为以下文件设置颜色主题：.js、.jsx、.ts和.tsx。如果不能按文件或语言进行编辑，则我想知道是否可以导入一个整个的主题，看起来像Visual Studio Code一样。

简而言之，我想要这个：

希望变成这个样子：

- Ogglas

---

你在过去的两年中有任何成功吗？我非常需要这个。 - ditoslav

Answer 1

我最终找到了一种方法！

简介:

下载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。（repo）
• 将两个json文件转换为plist。（我使用了plist）
• 如果没有，请将filetypes添加到tmLanguage文件中。
• 将两个文件夹添加到%USERPROFILE%\.vs\Extensions\language\Syntaxes文件夹。
• 完成！

我已经在VS2019上测试过，按照VS文档的步骤，这应该适用于VS2015。

屏幕截图：

- Riddhesh

Answer 2

您能否确认其他TSLS功能在您的安装中是否正常工作？（格式，自动补全等）。

在VS中存在已知问题，即有时会出现缺少颜色的情况。为了确保这里没有这种情况，您可以尝试从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
• 打开 regedit
• 选择 HKLM
• 文件 > 载入 Hive …
• 打开 %localappdata%\Microsoft\VisualStudio\15.0_xxx\privateregistry.bin （你可以将 Hive 命名为 VS）
• 现在导航到：Computer\HKEY_LOCAL_MACHINE\VS\Software\Microsoft\VisualStudio\15[XXXXX]_Config\TextMate\Repositories

- 1SaeedSalehi

---

这不是 Visual Studio 的错误，只是 Visual Studio 的颜色主题使用了不同的（在这种情况下是不理想的）颜色。他们正在请求有人为 Visual Studio 2017 制作一个 Dark+ 主题（Visual Studio Code 中的默认主题）。 - Griffork

您可以通过打开 Visual Studio Code，选择 文件 -> 首选项 -> 颜色主题 并选择 Dark (Visual Studio) 来确认，并获得与第一张图片相同的输出。 - Griffork