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

2023-12-28

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

简而言之,我想要这样:

To look like this: enter image description here


我最终确实找到了方法!

TL:DR:

下载JavaScript.tm语言 https://gist.github.com/riddheshMarkandeya/e4745ffcb0c7a028d576ccaaa96ec945#file-javascript-tmlanguage and JavaScript.tm主题 https://gist.github.com/riddheshMarkandeya/e4745ffcb0c7a028d576ccaaa96ec945#file-javascript-tmtheme.

  • 转到 %USERPROFILE%\.vs\Extensions\javascript\Syntaxes (%USERPROFILE% 通常是 C:\Users\{username})
  • 如果文件夹不存在,则创建它们。
  • 粘贴两个文件
  • 重新启动 VS,VSCode 应该会高亮显示 js、jsx 等文件!

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

  • 在 vscode 中从当前设置生成颜色主题。(Ref. https://stackoverflow.com/a/49991223/5773530)这将是 tmTheme 文件
  • 从 vscode 获取语言的 tmLanguagerepo https://github.com/microsoft/vscode/blob/d5e12a12ddcdbffa565ea36aec17d94df7c9f3d9/extensions/javascript/syntaxes/JavaScript.tmLanguage.json
  • 将两个 json 转换为 plist。 (我用了plist https://www.npmjs.com/package/plist)
  • Add 文件类型 https://gist.github.com/riddheshMarkandeya/e4745ffcb0c7a028d576ccaaa96ec945#file-javascript-tmlanguage-L15-L32到 tmLanguage 文件(如果不存在)。
  • 将两者添加到 %USERPROFILE%\.vs\Extensions\language\Syntaxes 文件夹中。
  • Done!

我已经测试了 VS2019,正如我所遵循的VS docs https://learn.microsoft.com/en-us/visualstudio/ide/adding-visual-studio-editor-support-for-other-languages?view=vs-2019#add-support-for-non-supported-languages,看起来应该可以工作到VS2015。

Screenshot: Sample react syntax highlighting in VS

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐