🗒️

【Nuxt.js v2】プロジェクトを始める

2021/03/17に公開

<前提条件>

・node.js, npmがインストールされていること

プロジェクトを作成

cd <プロジェクトを作成したいディレクトリ>
npm init nuxt-app <任意のプロジェクト名>

create-nuxt-appというツールでプロジェクトを作成するため、もしインストールされていなければ以下のメッセージが表示されます。yと入力すればグローバルにインストールされ、プロジェクトの作成が続行されます。

Need to install the following packages:
  create-nuxt-app
Ok to proceed? (y)

プロジェクトの作成が始まるといくつも質問が表示されます。回答は目的や開発上のこだわりなどによって変わりますが、ひとまずローカルで動作を確認したいという場合なら以下の回答で大丈夫です。

? Project name: <任意のプロジェクト名>
? Programming language: JavaScript
? Package manager: Npm
? UI framework: None
? Nuxt.js modules: (未選択)
? Linting tools: ESLint
? Testing framework: None
? Rendering mode: Universal (SSR / SSG)
? Deployment target: Server (Node.js hosting)
? Development tools: (未選択)
? Continuous integration: None
? Version control system: Git

ローカルで起動

cd <プロジェクトディレクトリ>
npm run dev

停止

Ctrl + C

Discussion