Vue

Nuxt.js

プロジェクトの作成

yarn create nuxt-app <project_name>

src ディレクトリの利用

Nuxt.js を利用しているとプロジェクトのルートディレクトリ直下にファイルが作成され続けて分かりづらい
nuxt.config.js に srcDir の設定を書いて、 src 配下のソースコードを配置する

export default {
  srcDir: 'src'
}

下記のディレクトリを src/ 配下にする

  • assets/
  • components/
  • layouts/
  • middleware/
  • pages/
  • plugins/
  • static/
  • store/

自分は開発中基本的に src/ をルートとした絶対パスで指定したいので、TypeScript を利用している場合には、tsconfig.json の設定も記載する

{
    "baseUrl": "src",
}