【Nuxt】create-nuxt-appをインストールして始める

はじめに

Nuxtはcreate-nuxt-appを使うことで、簡単にプロジェクトを作成して、デバッグを始めることができます。

今回はcreate-nuxt-appを使ってNuxtのプロジェクトを立ち上げる方法を紹介します。

この記事を書いた人

@takasqr アプリケーション開発が大好きなエンジニア。Vue、Swift、Electrom などでアプリを作って公開している。AWS や Firebase などのクラウドサービスも好き。

作ったアプリ： KeyScript

Nuxtのプロジェクトを作成

npx create-nuxt-app nuxt-app

質問には下のように答えました。

VuetifyやJestを一緒にインストールしています。

✨  Generating Nuxt.js project in nuxt-app
? Project name: nuxt-app
? Programming language: TypeScript
? Package manager: Npm
? UI framework: Vuetify.js
? Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert selection)
? Linting tools: ESLint
? Testing framework: Jest
? Rendering mode: Single Page App
? Deployment target: Static (Static/Jamstack hosting)
? Development tools: jsconfig.json (Recommended for VS Code if you're not using typescript)
? Continuous integration: None
? Version control system: Git

Nuxtをデバックする

cd nuxt-app
npm run dev

Nuxtのロゴが表示されれば成功です。