参考にさせていただいたページ
インストール
まず公式ページに倣って以下のコマンドを実行しました。
npx nuxi init nuxt3_sample
以下のように表示されました。
user@mac samples % npx nuxi init nuxt3_sample Need to install the following packages: nuxi Ok to proceed? (y) y Nuxi 3.0.0✨ Nuxt project is created with v3 template. Next steps: › cd nuxt3_sample › Install dependencies with npm install or yarn install or pnpm install › Start development server with npm run dev or yarn dev or pnpm run dev
表示されたメッセージに従って順番にコマンドを実行していきます。
ディレクトリ移動します。
cd nuxt3_sample
npm installします。
npm install
以下のように表示されましたが、とりあえず n にしておきました。
user@mac nuxt3_sample % npm install npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility npm WARN deprecated rollup-plugin-terser@7.0.2: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead > postinstall > nuxt prepare Nuxi 3.0.0 ℹ Nuxt collects completely anonymous data about usage. This will help us improve Nuxt developer experience over time. Read more on https://github.com/nuxt/telemetry ? Are you interested in participating? (Y/n)
dev serverを起動してブラウザでアクセスしてみる
dev serverを起動します。
npm run dev
以下のURLにアクセスしてみます。
以下のように表示されました。とりあえず今回はここまでにしておきます。
