タイトルの通り、MacでNuxt.jsの初期プロジェクトを作る手順のメモ。
#手順
##Npmを入れる
まずnuxtのプロジェクト作成コマンドを叩くためのNpmを入れる。
一発でNpmを入れられるわけじゃなくて意外と面倒。
Command Line Toolsを入れる
↓
Homebrewを入れる（Command Line Toolsが必要）
↓
Nodebrewを入れる（Homebrewが必要）
↓
Node.jsとNpmを入れる（Nodebrewが必要）
という手順になる。
###Command Line Toolsを入れる

$ xcode-select --install

インストールを実行。結構サイズある、7GBぐらい持ってかれた。 ###Homebrewを入れる ``` $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" ``` `$ brew -v`でバージョンの確認が出来たらOK。 ###Nodebrewを入れる ``` $ brew install nodebrew ``` `$ nodebrew -v`でバージョンの確認が出来たらOK。 ###Node.jsとNpmを入れる ``` # このディレクトリを作っておかないとエラーになる $ mkdir -p ~/.nodebrew/src

latestは最新版という意味

$ nodebrew install-binary latest

インストールした後で使用を宣言

$ nodebrew use latest

#パスを通す
$ echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile
$ source ~/.bash_profile

`$ node -v` `$ npm -v`でそれぞれバージョンの確認が出来たらOK。
##Nuxtのプロジェクトを作成する
やっと本題。
本題と言いつつここまできたらあとはコマンドを1つ叩くだけ。

$ npx create-nuxt-app

選択肢を聞かれるので選んでいく。
以下は私の設定。（あんまりクセがないと思う。）

✨ Generating Nuxt.js project in nuxt

? Project name nuxt

任意のプロジェクト名。これが作成されるプロジェクトのディレクトリ名にもなる。

? Project description My flawless Nuxt.js project

任意のプロジェクトの説明。README.mdに記載される。

? Author name kuribo2110

任意の作者名。

? Choose programming language JavaScript

記述方法をJavaScriptかTypeScriptで選択。

? Choose the package manager Npm

パッケージマネージャーの選択。Npm使います。

? Choose UI framework Bootstrap Vue

デザインフレームワークの選択。Bootstrap使います。

? Choose custom server framework None (Recommended)

サーバーフレームワークの選択。別でAPIサーバー立てたいので未選択。

? Choose Nuxt.js modules Axios

使いたいモジュールの選択。API叩くためにAxios使います。

? Choose linting tools ESLint, Prettier

リントツールの選択。ESLintとPrettier使います。

? Choose test framework Jest

テストフレームワークの選択。Jest使います。

? Choose rendering mode Universal (SSR)

レンダリング方法をSSRかSPAかで選択。SSRにします。

? Choose development tools jsconfig.json (Recommended for VS Code)

開発ツールの選択。VS Code使っているのでjsconfig.json作ります。

選択が終わると自動でNuxtプロジェクトを作ってくれます。しゅごい。
`$ npm run dev`でNuxtプロジェクトを起動。
http://localhost:3000/ でTopページが表示されます。