📑

VSCodeのfile nesting configを導入してみた！

2022/03/17に公開

Flutter

VS Code

tech

はじめに

file nesting configとはファイルツリーをすっきりさせる設定スニペットです。
導入も簡単なので、さくっと紹介させてもらいます！

導入方法

command + shift + Pでsetting.jsonファイルを開きます。

このsetting.jsonに以下を追加するだけです！（必要に応じてファイル名の追加や削除を行ってください）

//追加
  "explorer.fileNesting.patterns": {
    "pubspec.yaml": ".flutter-plugins, .packages, .dart_tool, .flutter-plugins-dependencies, .metadata, .packages, pubspec.lock, build.yaml, analysis_options.yaml, all_lint_rules.yaml",
    ".gitignore": ".gitattributes",
    "readme.*": "authors, backers.md, changelog*, citation*, code_of_conduct.md, codeowners, contributing.md, contributors, copying, credits, governance.md, history.md, license*, maintainers, readme*, security.md, sponsors.md",
    "*.dart": "$(capture).g.dart, $(capture).freezed.dart",
},

以上の変更で、pubspec.yamlファイル等がフォルダのように開閉することが可能です。

また生成のみで普段は目を通さないfreezedファイルやjsonファイルもネストさせることでファイルツリーの可読性が上がるかと思います！

参考

〆

以上になります。

最後に, 現在働かせて頂いております会社のご紹介です🙌

https://driglo.net/

株式会社ドリグロでは新しい仲間となるエンジニア/PM/デザイナーを募集しております。
こちらから以下の内容とともにお気軽にご応募ください。

①どの勤務形態（正社員・アルバイト・業務委託など）に興味があるか
②対応開発言語やその他スキルと各経験年数
③生年月日・最終学歴

はじめに

導入方法

参考

〆

Discussion