YoyaWiki

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• Nuxt/3 へ行く。
  • 1 (2024-07-11 (木) 21:18:22)

• https://nuxtjs.org
• https://nuxtjs.org/ja/docs/get-started/installation

% npx nuxi@latest init <ProjectName>

% npx nuxi create sample-app

Nuxt.js 内で実行すると Nuxt.js に依存したプロジェクトができるので注意。

• Nuxt/3/Vitest

入門†

• Nuxt3入門(第1回) - Nuxtがサポートするレンダリングモードを理解する
  • https://developer.mamezou-tech.com/nuxt/nuxt3-rendering-mode/
• Nuxt3入門(第2回) - 簡単なNuxtアプリケーションを作成する
  • https://developer.mamezou-tech.com/nuxt/nuxt3-develop-sample-app/

nuxt.config†

• https://nuxt.com/docs/api/configuration/nuxt-config

setup†

setup 内のハンドラで document を参照するとエラーになる件。 > <no-ssr> で解決

• Nuxt.jsでDom系のエラーの対応方法(ReferenceError: document is not defined)
  • https://masanyon.com/nuxt-js-vue-dom-error-resolve-document-is-not-defined/

fetch API†

• Nuxt3でaxiosはなくなり、Fetch APIをつかうらしい
  • https://www.memory-lovers.blog/entry/2022/06/02/170000

Tailwind†

• https://nuxt.com/modules/tailwindcss

  npm install --save-dev @nuxtjs/tailwindcss

nuxt.config.{ts,js}

{
  modules: [
    '@nuxtjs/tailwindcss'
  ]
}

.†

• Nuxt 3がパブリックベータ版になったので新機能の紹介や所感など
  • https://zenn.dev/miruoon_892/articles/e06b1c7533d754df8a8c

• 神回|vue3.js nuxt3 typescriptどうやる？【ゼロから解説】
  • https://field.asia/神回vue3-js-nuxt3-typescriptどうやる？【ゼロから解説】/ https://nuxt.com/docs/api/configuration/nuxt-config#extends