質問: ■質問 Flutter IDE(VS Code)で行われる以下コード各色の色分けの定義を教えていただけますとありがたいです。 ■経緯 なんとなくですが、各色、文脈により複数の意味を含んでいてそれが初心者の自分には整理できていないのだと想像しています。 発端として以下の「@override」、「Widget」、「(BuildContext context)」の各パーツは何を意味しているかを考えた時に、混乱してしまいました。 ``` @override Widget build(BuildContext context) { ``` ![Flutter](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/ffe30feac7da0900f19739e901635529.png) ■私の現状理解 ・深緑: コメント ・茶: string, directory, 値など ・淡黄: 関数 or method? ・エメラルドグリーン: class名? ・青: type宣言? ・白: 引数/パラメータ ・紫: 戻り値
回答: wwbQzhMkhhgEmhUさんからヒントを頂いた後、さらにググってみたところ、以下のような方法を見つけました。コーディングを学んでいく上で役に立つかもしれません。 ■方法1 VS Codeで、Ctrl/Cmd + Shift + P -> "Developer: Inspect TM Scopes" を選択しEnter -> 特定単語にマウスホバーすると、token type等の情報がポップアップ表示される 参考: Where can I find a list of all possible keys for tm-themes for syntax highlighting? (Stack Overflow) ■方法2 VS Codeで普通に単語にマウスホバーするだけでも特定のtokenに関する注釈がポップアップ表示される