t8.dev

🇺🇸

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

公開日:2021/10/29
更新日:

はじめに

心理学を使ったTODOアプリを開発している、@takasqrです。

心理学を使ったTODOアプリ | todo8

心理学を使ったTODOアプリ | todo8

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

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

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のロゴが表示されれば成功です。

関連記事

Nuxt3にBridgeを使って移行してみる【Nuxt2→3】
【サンプル有】@nuxt/contentを1ページでざっくり理解する
NUXTの開発環境をVSCodeとDockerで作る
NUXTで作ったWebサイトの表示速度を高速化する
【サンプル有】@nuxt/i18nで多言語対応する
【サンプル有】Nuxtでhead内にmetaタグを出力する2つの方法

オススメ記事

5年間ほぼ毎日プログラミングの勉強をするためにやったこと
論文と本から学ぶ、プログラミング独学のコツ
目標達成率を高める if thenプランニングとは!?【本とアプリも紹介】