Question

我刚刚安装了vs代码，但是当我编写代码行时，它们是白色的，而不是彩色的... 如何更改颜色？

是这样的： that'how it looks

Answer 1

您需要安装扩展程序，为.vue文件添加语法突出显示功能（和其他功能）。

您可以搜索扩展市场，或单击右下角的语言指示符（当前显示为纯文本）。

Answer 2

Monican，您的问题不是背景或主题问题。您必须安装vuejs-> Vue.js的语法高亮

我不是Vuejs开发人员，我无法给您推荐/ 您应该找到哪个Vuejs扩展/扩展将是您最好的朋友。

只需打开Extension面板并输入vue。

如果您需要其他帮助，请与我联系。

Answer 3

按ctrl + shift + x并搜索扩展名（例如，如果您有dart，然后搜索Dart扩展名），如果已经安装，请先将其卸载>>重新启动VS Code >>现在再次安装dart扩展名（或任何编程工具） exe。（您当前使用的exe文件）>>现在看到问题已解决。

Answer 4

转到设置并添加以下命令："editor.foreground": "#ff0000"，使编辑器中的文本变为红色。 Zyou还可以加载主题和语法主题来更改文本颜色。如果要在代码中显示行号，则可以使用"editorLineNumber.foreground": "#eeff00"更改行号的颜色。这些语句将添加到设置显示的右侧。

Answer 5

Visual Studio代码的自定义语法着色：

在VS代码上，转到“首选项”->“设置”，在“搜索栏”类型上搜索“启动”，然后单击启动短语下的“在settings.json中编辑”。

然后添加以下代码：

{
"window.zoomLevel": 0,
"editor.minimap.enabled": false,
"workbench.activityBar.visible": false,
"editor.fontSize": 18,
"workbench.colorTheme": "Absent (rainglow)"


"editor.tokenColorCustomizations":
{
    "strings": "#d86464",
    "keywords": "#ff00ea",
    "comments": "#ddf129",
    "types": "#00ff6a",
    "variables": "#00c3ff",
    "functions": "#00fff2",
    "numbers": "#ae19f3",

    "textMateRules":
    [
        {
            "scope": 
            [
              ""    // This is for regular font
            ],

            "settings": 
            {
                "foreground": "#fa9c0f",  // Color assigned for regular font.
            },
        },


        {
            "scope": 
            [
              "keyword"    // This is for keyword font
            ],

            "settings": 
            {
                "foreground": "#ffffff",  // Color assigned to keyword font.
            },
        },

    ],
},

}

要更改常规的纯白色文本颜色，请更改十六进制颜色：

"#fa9c0f" // Color assigned for regular font.

应该可以解决问题的

到目前为止，

VS Code必须是最好的IDE。您可以对所有内容进行颜色自定义，从滚动条到菜单设置。语法高亮显示使开发人员的工作效率更高，出错率更低。

您可以制作完美的自定义IDE，但希望从以下方面获得更多详细信息： https://code.visualstudio.com/api/references/theme-color

如何在vs代码中更改白色文本

5 个答案: