VScodeの設定変更ができず、setting.jsonが開かれますがエラーが出ています。

Question

VScodeの設定で、何かを変更しようとすると

『ユーザー設定に書き込めません。ユーザー設定を開いて、ファイル内のエラー/警告を修正してからもう一度お試しください。』

と表示され、クリックするとsetting.jsonが開きました。
5行目の頭の｛　でエラーが出ています。
｛｝の数や配置を変えてみても変わりません。

解決策もヒットしなかったので、どなたかお力添え頂きたいです。。。

よろしくお願い致します。

{
    "vscode-w3cvalidation.validator-token": "Thu, 01 Jan 1970 00:00:00 GMT",
    "liveSassCompile.settings.autoprefix":[]
}
{ ←ここでエラー
    "liveSassCompile.settings.formats": [ //Sassの出力内容の設定
      {
        "format": "expanded", //nested、compact、compressedのどれかを選ぶ
        "extensionName": ".css", //style.cssとして出力
        "savePath": "/css" //cssフォルダの中にstyle.cssを出力
      }
    ],
    "liveSassCompile.settings.excludeList": [
     
     //対象外とするフォルダを指定
      "**/node_modules/**",
      ".vscode/**",
      ".history/**"
    ],
    "liveSassCompile.settings.autoprefix": [ //ベンダープレフィックスの指定
     "last 2 versions",
     "ie >= 11",
     "Android >= 4",
     "ios_saf >= 8"
   ],

    "editor.tabSize": 1,
    "editor.detectIndentation": false,
    "liveServer.settings.ChromeDebuggingAttachment": false
  }

Answer 1

VSCodeは使っていないので特殊な形式があるのならわかりませんが、
一般的なJSONとして添削すると、

• 1つ目の{}と2つめの{}の間に,を入れる
• そして全体を[]で囲む
• JSONにコメントは基本的に書けません

[{
	"vscode-w3cvalidation.validator-token": "Thu, 01 Jan 1970 00:00:00 GMT",
	"liveSassCompile.settings.autoprefix": []
}, {
	"liveSassCompile.settings.formats": [{
		"format": "expanded",
		"extensionName": ".css",
		"savePath": "/css"
	}],
	"liveSassCompile.settings.excludeList": [

		"**/node_modules/**",
		".vscode/**",
		".history/**"
	],
	"liveSassCompile.settings.autoprefix": [
		"last 2 versions",
		"ie >= 11",
		"Android >= 4",
		"ios_saf >= 8"
	],

	"editor.tabSize": 1,
	"editor.detectIndentation": false,
	"liveServer.settings.ChromeDebuggingAttachment": false
}]

Comments

[music]

ご回答ありがとうございます！
なるほど！
そんな方法もあるんですね。。。

また同じような事になれば試してみたいと思います！

[music]

補足ですが、エラーが出ていたjsonファイルをどうやって開けばいいかわからず、せっかくご回答して頂きましたのに試せませんでした????

すみません。

[itagagaki]

どうやら、VSCodeへの設定のためのJSONデータとして、{}が２つになっていたのがそもそも間違いだったようですね。それなら mike2mike4 さんの回答で正解なのだろうと思います。
// コメント が通っちゃうのはVSCodeの設定ファイルとしての性格を考慮した特別な仕様なのかもしれませんね。

[music]

なるほど、、環境によってもちがうんですね(*_*)；；

貴重な知識を頂きましてありがとうございます！！

[music]

mike2mike4にご指導いただきましてファイルを無事表示できましたので
itagagakiさんに添削して頂いたもので再度試したところ、
少し残っていた警告も完全に消すことができました！！！

[music]

すみません、エラーは完全にきえましたが、設定が反映されないのは改善していませんでした。。。

[itagagaki]

mike2mike4さんのなら設定も反映されたんですよね？

[music]

そうですね????

[退会済みユーザー]

> // コメント が通っちゃうのはVSCodeの設定ファイルとしての性格を考慮した特別な仕様なのかもしれませんね。

VSCodeのsettings.jsonではjson with commentが採用されていてjavascript形式のコメントが書けるようになってます。
https://code.visualstudio.com/docs/languages/json#_json-with-comments

[itagagaki]

なら、それでいいと思います。setting.jsonの構造として単純な
{ "設定1":設定値, "設定2":設置値, "設定3":設置値, ... }
というのが期待されているわけですね。
もしそれで設定は反映されたけどエラーが残っているのだとしたら、やはりコメントが許されないのだと思いますので、コメントは削除しましょう。

[itagagaki]

おっと、yakitoriiさん、そうだったのですね。なるほど。

Answer 2

}の末尾に
,(カンマ）を入れてください

以下の様になれば良いのですが、環境依存なのでテストできませんでした。

{
    "vscode-w3cvalidation.validator-token": "Thu, 01 Jan 1970 00:00:00 GMT",
    "liveSassCompile.settings.autoprefix":[],
    "liveSassCompile.settings.formats": [ //Sassの出力内容の設定
      {
        "format": "expanded", //nested、compact、compressedのどれかを選ぶ
        "extensionName": ".css", //style.cssとして出力
        "savePath": "/css" //cssフォルダの中にstyle.cssを出力
      }
    ],
    "liveSassCompile.settings.excludeList": [

     //対象外とするフォルダを指定
      "**/node_modules/**",
      ".vscode/**",
      ".history/**"
    ],
    "liveSassCompile.settings.autoprefix": [ //ベンダープレフィックスの指定
     "last 2 versions",
     "ie >= 11",
     "Android >= 4",
     "ios_saf >= 8"
   ],

    "editor.tabSize": 1,
    "editor.detectIndentation": false,
    "liveServer.settings.ChromeDebuggingAttachment": false
  }

Comments

[music]

早急なご回答ありがとうございます。

入れてみたのですが改善しないようです????

[mike2mike4]

失礼しました。JSONファイルは階層構造になっているので、｛｝と｛｝を並べることはできません。

[mike2mike4]

解答を修正しました。ご確認お願いします。

[music]

変更できるようになりました！！

わざわざ修正までしていただいてありがとうございます！

[mike2mike4]

itagagakiさんの解答の方がベストアンサーにふさわしいと思います。わたしは生半可な知識で答えてしました。

[music]

なるほど。。。
しかし今回のエラーは改善致しましたし、先に回答して頂きましたので
ベストアンサーにさせて頂きたいと思います。

加えて、改善した後、あのjsonファイルがどこにあるのか分からなくて試せなかったというのもあります。

[mike2mike4]

setting.jsonはファイル→ユーザー設定→設定の「設定の検索」でsetting.jsonと入れれば出てきますよ

[music]

先程試した時settings.jsonにしてました。。。(´；ω；`)ｳｩｩ
ｓいらないんですね????

ご丁寧にありがとうございます！！

[退会済みユーザー]

たぶんmikeさんのタイポ。
「settings.json」であってます。

[mike2mike4]

確かにそうです。検索に引っかかるのでついｗ