Nuxt.jsを使う

静的サイトジェネレーターとして、Nuxt.jsを使う

前提条件

• npmの5.2.0以降のバージョンがインストールされていること

インストール

プロジェクトディレクトリの作成

$ mkdir test && cd $_

Nuxt.jsフレームワークのインストール

$ npx create-nuxt-app

開発

開発サーバーを起動

$ npm run dev

デプロイ

静的HTML生成

$ npm run generate

その他

• Nuxt.jsでソースをsrcディレクトリにまとめる
  
• Nuxt.jsでドメイン直下じゃなくサブディレクトリにパスを切る
  
• Nuxt.jsでビルド時にconsoleを削除する
  
• Nuxt.jsでpugとstylusを使う
  
• Nuxt.jsでpictureタグのコンポーネントを作る
  
• Nuxt.jsでobject-fitしたvideoコンポーネントを作る
  
• Nuxt.jsでstore使う
  
• Nuxt.jsでデフォルトで使うメタ情報を設定する
  
• Nuxt.jsにgtm入れる
  
• Nuxt.jsでエラー用ページを作る
  
• Nuxt.jsでLoadingページを設定する
  
• Nuxt.jsでスクロールに応じてフェード出現
  
• Nuxt.jsでスムーススクロールする
  
• Nuxt.jsでvue-slickを使う