JavaScript

【Nuxt.js】Nuxt.jsでプロジェクトを作成した際に僕がやること

プロジェクト作成

$ npx create-nuxt-app sample-app

不要ファイルの削除

$ 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ディレクトリに集約

$ mkdir src

$ mv assets components layouts pages plugins static store middleware src/

nuxt.config.jsに追記

nuxt.config.jsの上部。

export default {
  mode: 'universal',
  srcDir: 'src/',   // 追加
  /*
  ** Headers of the page
  */
  head: {

おまけ:ここまでの処理を自動化!

最後におまけとして、ここまでやってきたことをスクリプトを書いて実行してみたいと思います。

#!/bin/sh

# 不要ファイルを削除
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ディレクトリに集約
mkdir src
mv assets components layouts pages plugins static store middleware src/

nuxtプロジェクトの直下でこのスクリプトを実行するだけで完了!

COMMENT

メールアドレスが公開されることはありません。