15
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

VSCode拡張機能開発・Intellisenseのアイコンマークまとめ

Posted at

VSCode拡張機 Intellisense

言わずもがな、いつも助けていただいている補完機能。
intellisense.png

最近、個人的にこの補完の機能を作っている中で補完時にでるアイコンについて調べたのでメモ

アイコンの決め方

アイコンはvscode.CompletionItemのvscode.CompletionItemKindで決めます

const completion = new vscode.CompletionItem("app", vscode.CompletionItemKind.Variable);

このvscode.CompletionItemKindが25種類ありますが、そのどれでどのアイコンがでるかがいまいちわからなかったので、一度全て出してみました。
CompletionItem_icon.png

具体的なアイコンの使い分け

上のアイコンの中でじゃあ具体的にどれを使えばいいの!っていうのがむずかしく、vscodeの補完とにらめっこしながら考えていたのですが、ちゃんと記載がありました。

https://code.visualstudio.com/docs/editor/intellisense
一部スクショで抜粋。
スクリーンショット 2019-09-11 7.34.49.png

改めて表とにらめっこしながらKindを決めていく必要がありそうです。

15
14
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
15
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?