0どーも、ぐるたか@guru_takaです。Nuxtを使い始めるにあたって、ディレクトリ構造を理解する必要があったので、自分の言葉でまとめてみました!Nuxt初学者の参考になれば幸いです。storeさっそく、説明しやすい順に、フォルダの意味について紹介していきます!assetscssやimage、Fontといったコンパイルされないファイル、かつwebpackするものを入れておきます。アセットNUXTJSstaticassetsのように静的ファイルを入れますが、webpackしないものを入れておきます。”webpackしない”とは、直接サーバーのルート配下に配置することを意味します。componentsVue.jsのコンポーネントファイルを入れる場所です。layouts予め決まっているようなページの大枠(サイドバーやヘッダー、フッターなど)のvueファイルを入れておきます。</div></template>特に何もしなくても、自動的にlayouts/defalut.vueが読み込まれます。ページごとにレイアウトはこんな感じで変更可能です。コンポーネントを入れましょう。pagesアプリケーションのビュー及びルーティングファイルを入れておきます。ファイル構造によって、url決まるルーターのような役割です!middlewareページやレイアウトが呼び出される前に、実行したい関数を定義できます。Nuxtで直接アクセスを禁止にするmiddlewareを作るQiitapluginsアプリケーションをインスタンス化する前に実行したいモノを入れておきます。awesomeなどのパッケージをプラグインに入れておけば、色んなコンポーネントで使えるようになります!以下の記事にわかりやすい使い方が書かれているので、参考にしてみて下さい。VSCode】ESLintとPrettierの...ぐるたか0→1を作る人に憧れ、2018.10からプログラミングを学び、今はとある会社で、webサービスを開発中!プライベートでは、ARアプリやwebサービス、拡張機能など色々と個人開発してます。