编程 Dart 时如何在 VSCode 中为我的类型着色和添加样式

atr*_*eon 4 dart visual-studio-code

在 Dart 中编程时,我想在 VSCode 中更改我声明的类型的颜色(并可能添加粗体、斜体和其他样式)。这可能吗?我认为这将有助于可读性。

例如,我希望 Widget、BuildContext 和 Loading Container 使用不同的颜色(可能是灰色)。关键字目前为蓝色。

  @override
  Widget build(BuildContext context) {
    return new LoadingContainer(
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

atr*_*eon 7

要选择不同的主题,请选择ctrl + shft + p类型“颜色主题”,然后选择一个。您还可以通过在 extensions:marketplace 搜索栏中键入“theme”从市场安装新主题

为了获得更有限的控制......在所选颜色主题的用户设置文件中添加以下内容

"editor.tokenColorCustomizations": {
    "[Visual Studio Light]": {
        "types": "#aaaaaa",
        "comments": "#00dd00",
        "functions": "#f00",
Run Code Online (Sandbox Code Playgroud)

...也可以定义斜体、粗体和下划线

    "variables": "#f00",
    "strings": "#FF5555",
    "textMateRules": [
        {
            "scope": "keyword",
            "settings": {
                "fontStyle": "italic ",
            }
        },
Run Code Online (Sandbox Code Playgroud)

  • 您可能想要的是 VS Code 中的“Dark+(默认深色)”主题。使用 Ctrl + K、Ctrl + T 转到主题,然后选择您想要的内容。 (2认同)