vscodeで設定を変えられません

vscodeで設定を変えようとすると、ユーザー設定に書き込めません。ユーザー設定を開いて、ファイル内のエラー/警告を修正してからもう一度お試しください。と出てきてしまいます。下のコードのどこが違うのでしょうか。

json
1{
2    "workbench.iconTheme": "vscode-icons",
3    "workbench.colorTheme": "One Dark Pro",
4    "explorer.confirmDelete": false,
5    "liveSassCompile.settings.autoprefix": []
6}
7{
8    "liveSassCompile.settings.formats": [ //Sassの出力内容の設定
9      {
10        "format": "expanded", //nested、compact、compressedのどれかを選ぶ
11        "extensionName": ".css", //style.cssとして出力
12        "savePath": "/css" //cssフォルダの中にstyle.cssを出力
13      }
14    ],
15    "liveSassCompile.settings.excludeList": [ //対象外とするフォルダを指定
16      "**/node_modules/**",
17      ".vscode/**",
18      ".history/**"
19    ],
20    "liveSassCompile.settings.autoprefix": [ //ベンダープレフィックスの指定
21      "last 2 versions",
22      "ie >= 11",
23      "Android >= 4",
24      "ios_saf >= 8"
25    ]
26  }

行動規範の内容に同意します

回答1件

ベストアンサー

VSCodeの設定として正しいのかはわかりませんが、json的におかしいのは以下です。
(2つのobjectを設定するものじゃない気がします。)

json
1{
2    "workbench.iconTheme": "vscode-icons",
3    "workbench.colorTheme": "One Dark Pro",
4    "explorer.confirmDelete": false,
5    "liveSassCompile.settings.autoprefix": []
6} ⇒これと
7{ ⇒これは不要では？
8    "liveSassCompile.settings.formats": [ //Sassの出力内容の設定
9      {
10        "format": "expanded", //nested、compact、compressedのどれかを選ぶ
11        "extensionName": ".css", //style.cssとして出力
12        "savePath": "/css" //cssフォルダの中にstyle.cssを出力
13      }
14    ],
15    "liveSassCompile.settings.excludeList": [ //対象外とするフォルダを指定
16      "**/node_modules/**",
17      ".vscode/**",
18      ".history/**"
19    ],
20    "liveSassCompile.settings.autoprefix": [ //ベンダープレフィックスの指定
21      "last 2 versions",
22      "ie >= 11",
23      "Android >= 4",
24      "ios_saf >= 8"
25    ]
26  }

こうかな？

json
1{
2    "workbench.iconTheme": "vscode-icons",
3    "workbench.colorTheme": "One Dark Pro",
4    "explorer.confirmDelete": false,
5    "liveSassCompile.settings.autoprefix": [],
6    "liveSassCompile.settings.formats": [ //Sassの出力内容の設定
7      {
8        "format": "expanded", //nested、compact、compressedのどれかを選ぶ
9        "extensionName": ".css", //style.cssとして出力
10        "savePath": "/css" //cssフォルダの中にstyle.cssを出力
11      }
12    ],
13    "liveSassCompile.settings.excludeList": [ //対象外とするフォルダを指定
14      "**/node_modules/**",
15      ".vscode/**",
16      ".history/**"
17    ],
18    "liveSassCompile.settings.autoprefix": [ //ベンダープレフィックスの指定
19      "last 2 versions",
20      "ie >= 11",
21      "Android >= 4",
22      "ios_saf >= 8"
23    ]
24  }