アロー関数の型をtabキーで表示させるjavascript.jsonを記載したが、反応しない。

Question

tabキーを押したらアロー関数の型が表示されるようにしたい

アロー関数
()= > {}

現在の挙動

「ar」と入力すると
↓
area
Arrayなどの候補が出てきてしまい、tabキーを押すと当然のようにareaやArrayと表示されてしまう。

設定したjavascript.jsonの設定（VSCode）

{
	// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	// "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"arrow": {
		"prefix": "ar",
		"body": [
			"($1)=>{$2}"
		]
	}
}

Comments

[yambejp]

エディタのカスタマイズ？状況がさっぱり見えません

[hayato7]

javascript.jsonのコードは、一部分を抜き出したものでしょうか？

[退会済みユーザー]

タグに「visual studio code」を追加してください。

[退会済みユーザー]

「visual studio」ではなく「visual studio code」です。。。

[pikari]

ありがとうございます。
javascript.jsonのコードをのせておきます。

Answer 1

設定でeditor.tabCompletionをonまたはonlySnippetsにしましたか？
これがoffになっているとtabでsnippetを挿入することができません。
デフォルトだとoffになっているのでonまたはonlySnippetsに設定する必要があります。

参考：Snippets in Visual Studio Code

---

追記

色々と勘違いしてました。
editor.tabCompletionの設定は関係なさそうですね。
コード補完の候補が表示されている場合はコード補完のキーバインド（tabキー）が優先されるので。

設定でeditor.suggest.showSnippetsにチェックが入っているか、editor.snippetSuggestionsがnoneやbottomになっていないか確認してみるといいかもしれません。

Comments

[pikari]

ご回答ありがとうございます！
editor.suggest.showSnippets、editor.snippetSuggestionsを確認しましたが、出来ませんでした。
画像を載せておきます。

[退会済みユーザー]

ありがとうございます。

「editor.snippetSuggestions」の設定を「top」にしてみてはどうでしょうか。
それでも無理なら「code --disable-extensions」で拡張機能を無効にした状態で起動して、スニペットが補完候補の一番上にくるか確認してみてください。

[pikari]

すいません。
topに設定し、拡張機能も無効にしたのですが、一番上にきませんでした。

[退会済みユーザー]

こちらこそお力になれず申し訳ないです。
少し調べてみたのですが、以下のSOの回答が参考になるかもしれません。
https://stackoverflow.com/questions/59810935/vscode-custom-react-snippets-not-working-in-javascriptreact-json-file-and-also
VSCodeがJavaScriptではなく違う言語を検知しているのかもしれません。

[pikari]

参考にさせていただきます！ありがとうございます！