Flutter IDEでのFlutterカラースキームについて

■質問
Flutter IDE（VS Code）で行われる以下コード各色の色分けの定義を教えていただけますとありがたいです。

■経緯
なんとなくですが、各色、文脈により複数の意味を含んでいてそれが初心者の自分には整理できていないのだと想像しています。

発端として以下の「@override」、「Widget」、「(BuildContext context)」の各パーツは何を意味しているかを考えた時に、混乱してしまいました。

Flutter
1@override
2  Widget build(BuildContext context) {

■私の現状理解
・深緑: コメント
・茶: string, directory, 値など
・淡黄: 関数 or method?
・エメラルドグリーン: class名？
・青: type宣言?
・白: 引数/パラメータ
・紫: 戻り値

2019/01/22 10:56

2019/01/22 11:53

TextMate grammars由来である旨、参考になりました！ありがとうございました。

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

回答1件

自己解決

wwbQzhMkhhgEmhUさんからヒントを頂いた後、さらにググってみたところ、以下のような方法を見つけました。コーディングを学んでいく上で役に立つかもしれません。

■方法1
VS Codeで、Ctrl/Cmd + Shift + P -> "Developer: Inspect TM Scopes" を選択しEnter -> 特定単語にマウスホバーすると、token type等の情報がポップアップ表示される

■方法2
VS Codeで普通に単語にマウスホバーするだけでも特定のtokenに関する注釈がポップアップ表示される

投稿2019/01/22 12:09

総合スコア78

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問