·nuxt-v4
""

nuxt-v4

使用 SSR、可組合項進行生產就緒的 Nuxt 4 框架開發 資料取得、伺服器路由和 Cloudflare 部署。 使用場合:建立 Nuxt 4 應用程式、實作 SSR 模式、 建立可組合項目、伺服器路由、中介軟體、資料取得、 狀態管理、調試水合問題、部署到 Cloudflare、 優化效能,或使用 Vitest 設定測試。 關鍵字:Nuxt 4、Nuxt v4、SSR、通用渲染、Nitro、Vue 3、 useState、useFetch、useAsyncData、$fetch、可組合項目、自動導入、 中間件、伺服器路由、API 路由、水合作用、基於檔案的路由、 應用程式目錄、SEO、元標籤、useHead、useSeoMeta、過渡、 錯誤處理、執行時間設定、Cloudflare 頁面、Cloudflare Workers、 NuxtHub、工人資產、D1、KV、R2、耐用物件、Vitest、測試、 效能優化、延遲載入、程式碼分割、預渲染、 層、模組、外掛程式、Vite、TypeScript、水合不符、 淺反應性、反應鍵、單例模式、defineNuxtConfig、 DefineEventHandler、navigateTo、definePageMeta、useRuntimeConfig、 app.vue、伺服器目錄、公用目錄、資產目錄

12安裝·0熱度·@christowles

安裝

$npx skills add https://github.com/christowles/blog --skill nuxt-v4

如何安裝 nuxt-v4

透過命令列快速安裝 nuxt-v4 AI 技能到你的開發環境

  1. 開啟終端機: 開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 執行安裝指令: 複製並執行以下指令:npx skills add https://github.com/christowles/blog --skill nuxt-v4
  3. 驗證安裝: 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

來源:christowles/blog。

SKILL.md

查看原文

Production-ready patterns for building modern Nuxt 4 applications with SSR, composables, server routes, and Cloudflare deployment.

| nuxt | 4.0.0 | 4.2.x | | vue | 3.5.0 | 3.5.x | | nitro | 2.10.0 | 2.10.x | | vite | 6.0.0 | 6.0.x | | typescript | 5.0.0 | 5.x |

Key Change in v4: The app/ directory is now the default srcDir. All app code goes in app/, server code stays in server/.

使用 SSR、可組合項進行生產就緒的 Nuxt 4 框架開發 資料取得、伺服器路由和 Cloudflare 部署。 使用場合:建立 Nuxt 4 應用程式、實作 SSR 模式、 建立可組合項目、伺服器路由、中介軟體、資料取得、 狀態管理、調試水合問題、部署到 Cloudflare、 優化效能,或使用 Vitest 設定測試。 關鍵字:Nuxt 4、Nuxt v4、SSR、通用渲染、Nitro、Vue 3、 useState、useFetch、useAsyncData、$fetch、可組合項目、自動導入、 中間件、伺服器路由、API 路由、水合作用、基於檔案的路由、 應用程式目錄、SEO、元標籤、useHead、useSeoMeta、過渡、 錯誤處理、執行時間設定、Cloudflare 頁面、Cloudflare Workers、 NuxtHub、工人資產、D1、KV、R2、耐用物件、Vitest、測試、 效能優化、延遲載入、程式碼分割、預渲染、 層、模組、外掛程式、Vite、TypeScript、水合不符、 淺反應性、反應鍵、單例模式、defineNuxtConfig、 DefineEventHandler、navigateTo、definePageMeta、useRuntimeConfig、 app.vue、伺服器目錄、公用目錄、資產目錄 來源:christowles/blog。

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/christowles/blog --skill nuxt-v4
分類
""溝通寫作
認證
收錄時間
2026-02-22
更新時間
2026-03-10

Browse more skills from christowles/blog

快速解答

什麼是 nuxt-v4?

使用 SSR、可組合項進行生產就緒的 Nuxt 4 框架開發 資料取得、伺服器路由和 Cloudflare 部署。 使用場合:建立 Nuxt 4 應用程式、實作 SSR 模式、 建立可組合項目、伺服器路由、中介軟體、資料取得、 狀態管理、調試水合問題、部署到 Cloudflare、 優化效能,或使用 Vitest 設定測試。 關鍵字:Nuxt 4、Nuxt v4、SSR、通用渲染、Nitro、Vue 3、 useState、useFetch、useAsyncData、$fetch、可組合項目、自動導入、 中間件、伺服器路由、API 路由、水合作用、基於檔案的路由、 應用程式目錄、SEO、元標籤、useHead、useSeoMeta、過渡、 錯誤處理、執行時間設定、Cloudflare 頁面、Cloudflare Workers、 NuxtHub、工人資產、D1、KV、R2、耐用物件、Vitest、測試、 效能優化、延遲載入、程式碼分割、預渲染、 層、模組、外掛程式、Vite、TypeScript、水合不符、 淺反應性、反應鍵、單例模式、defineNuxtConfig、 DefineEventHandler、navigateTo、definePageMeta、useRuntimeConfig、 app.vue、伺服器目錄、公用目錄、資產目錄 來源:christowles/blog。

如何安裝 nuxt-v4?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/christowles/blog --skill nuxt-v4 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪?

https://github.com/christowles/blog