Nuxt.js 初期設定 v2

Nuxt.js のv2でも色々と設定を行ったので、その時に行ったこととしてメモ。（随時追記予定）

今回変更を行ったgithubのコード

ここ違うよなどありましたらPRいただけると嬉しいです。 更新速度は遅いですが、随時いろいろと更新できるようにしていきたいと思っています。

github.com

nuxtの初期設定

公式のNuxt.js -インストール-を参照

$ npx create-nuxt-app sample-nuxt

1. プロジェクトの名前を決める（今回の場合 「sample-nuxt」）

1. パッケージの選択

「プロジェクトの説明文」、「作った人の名前」については省略。

yarn、npmのどりらかを選択（今回はyarn）

1. cssフレームワークの選択

以下のものをデフォルトで選択することができる。 今回はNoneを選択。

1. サーバーサイドのフレームワークを選択

以下のものをデフォルトで選択することができる。 今回はNoneを選択。

1. axios, pwaを使用するか

今回の場合はどちらもチェック

1. lint, pretterを使用するか

今回の場合はどちらもチェック

1. テストのフレームワークを追加するか

今回は「Jest」を選択

1. SSRかSPAのどちらで使用するか

今回はSSRを選択

以上のものを選択するとインストールされるので、少し待つ。

インストールが完了すると以下の画面のようなものが表示されるので、

今回の場合、cd sample-nuxt , yarn dev のコマンドを打って http://localhost:3000/へアクセスすると

の画面が表示されたらインストール完了。