【Nuxt.js】ローカル環境構築（mac）

1. Vue CLIインストール

2. 新しくプロジェクトを作る場合

3. Nuxt.jsのプロジェクトをcloneする場合

1. Vue CLIインストール

npm install -g @vue/cli

2. 新しくプロジェクトを作る場合

*新しくプロジェクトを作る

npx create-nuxt-app <project name>

※大文字をプロジェクトの名前に入れない。スネークケースにする（aaa_aaaなど）
※gyp ERR!が出た場合は、下記にしたがって、Command Line Tool(X code)を再インストール
https://taroosg.io/create-react-app-gyp-error

*下記の質問に回答する

名前：そのままenterを押してOK

? Project name (project name)

アプリの説明：そのままenterを押してOK

? Project description (My fabulous Nuxt.js project)

作成者の名前：下記のように、名前を記入（yournameの部分）

? Author name () yourname

プログラミング言語を選択：そのままenter(defaultのJavaScriptが選択される)

?Choose programming language (Use arrow keys)
❯ JavaScript
TypeScript?

パッケージ管理ツール選択：↓キーでNpmを選択してenter（Yarnを選択する場合はそのままenter）

Choose the package manager
Yarn
❯ Npm

UIフレームワークを選択：そのままenter(defaultのNoneが選択される)

? Choose UI framework (Use arrow keys)
❯ None
Ant Design Vue
Bootstrap Vue
Buefy
Bulma
Element
Framevuerk
iView
Tachyons
Tailwind CSS
Vuesax
Vuetify.js

サーバフレームワークを選択：そのままenter(defaultのNoneが選択される)

? Choose custom server framework (Use arrow keys)
❯ None (Recommended)
AdonisJs
Express
Fastify
Feathers
hapi
Koa
Micro

Nuxt.jsのモジュールで使用したいものを選択：そのままenter（何も選ばない）でOK

? Choose Nuxt.js modules (Press <space> to select, <a> to toggle all, <i> to invert selection)
❯◯ Axios
◯ Progressive Web App (PWA) Support
◯ DotEnv

※　iを押すと下記のように全てOn（選択）になるが、選ばないでOK

? Choose Nuxt.js modules (Press <space> to select, <a> to toggle all, <i> to invert selection)
❯◉ Axios
◉ Progressive Web App (PWA) Support
◉ DotEnv

Linting ツール（コード検査ツール）で使用したいものを選択：そのままenter（何も選ばない）でOK

? Choose linting tools (Press <space> to select, <a> to toggle all, <i> to invert selection)
❯◯ ESLint
◯ Prettier
◯ Lint staged files
◯ StyleLint

テストフレームワークで使用したいものを選択：そのままenter（何も選ばない）でOK

? Choose test framework (Use arrow keys)
❯ None
Jest
AVA

レンダリングモードを選択：そのままenter（SSR選択）でOK

? Choose rendering mode (Use arrow keys)
❯ Universal (SSR)
Single Page App

開発ツールで使用したいものを選択：そのままenter（何も選ばない）でOK

? Choose development tools (Press <space> to select, <a> to toggle all, <i> to invert selection)
❯◯ jsconfig.json (Recommended for VS Code)
◯ Semantic Pull Requests

これで、npx create-nuxt-app <project name>で指定した<project name>というフォルダが作成され、その中にアプリが作成されます。
（ネット環境によっては数分かかる場合あり）

* <project name>フォルダ内に移動し、ローカルサーバ起動