nuxt.jsで最初にやっておくディレクトリ整理

最終更新日 2020/1/13

何でディレクトリ整理をした方が良いのか

結論から言うと別にやらなくても良いかも知れない。
自分自身がはじめてnuxtディレクトリを見た時におおー!って思ったと同時に
「うわーっ。。シンドそう。。慣れるのに時間掛かりそう」って感じたから。
その矢先に参考にしたQiita記事から流用したら気持ち的な抵抗が消えた。
正直、慣れちゃえば問題無いけど、案件で導入して初めての人が拒否反応出るかも知れないから
やっておくと安心感はあるかもって勝手に思った次第。

不要README.mdを削除

各ディレクトリに入っているREADME.mdは不要なので削除する

rm ./store/README.md ./static/README.md ./plugins/README.md ./pages/README.md ./middleware/README.md ./layouts/README.md ./components/README.md ./assets/README.md

全体的に見ていったら、他にも不要ファイルは沢山ありそう。

はき出される基本ディレクトリ達をまとめる

初めて導入してワクワクとドキドキの後に構成された訳の分からないディレクトリ達。
普段から使い慣れているsrcディレクトリを作成して突っ込むだけで分かりやすくなった様に感じる。

  • srcに入れるフォルダ
    • assets
    • components
    • layouts
    • pages
    • plugins
    • static
    • store
    • middleware
mkdir src
mv assets components layouts pages plugins static store middleware src/

参考にしたリンク

とても分かり易く、色んな所で助けていただきました。
リンクは色んな情報がまとめられてますが、ファイル整理するだけの記事もあるみたいなので、
総合的にnuxt.jsを使用する際に参考になる投稿が多々あると思います。
Nuxt.js(v2.6.x)やっておきたい設定:その1/3|create-nuxt-app〜各種プラグインの導入まで。