來試試看在 NX 中加入 Vue 框架的 Nuxt 專案。 首先目前 NX 還沒有針對支援 Nuxt 的擴充，所以大多步驟要手動進行。 要將 Nuxt 專案建立在 apps 底下，所以 cd 到 ap...
今天我們將介紹 Nuxt 3 專案的目錄結構。如果你還沒有建立 Nuxt 3 專案，可以參考 Day 4 – 建立第一個 Nuxt 3 專案 會一步步帶領你建立 Nuxt 3 專案。 初始化資料結構...
🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化》👀 Nuxt v4 內容與...
本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Layouts 資料夾協助我們定義共用模板，將重複使用的版面提取到模板內全域共用，看起來跟昨天介紹的 Components 有點像，那麼...
DAY7：Nuxt.js的中介層（Middleware） 理解中介層 中介層在Nuxt.js中的作用就像冒險隊中的導遊，它處理著您前進的每一步，確保您在旅途中不會遇到困難。中介層是在頁面渲染之前執行的...
接下來安裝加速切版的Tailwind: 1.先在vscode開啟cmd並打上: npm install -D tailwindcss postcss autoprefixer npx tailwind...
🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化》👀 Nuxt v4 內容與...
今天將開始建置專案並說明相關指令，若還沒讀過 Day2 – Nuxt 3 核心功能概念（上）、Day3 – Nuxt 3 核心功能概念（下）的朋友們也別忘了在實作前先認識這些重要的觀念！ Nuxt 3...
本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Components 目錄用來定義 Vue 共用元件，元件的特性為將部分模板、程式碼進行封裝，讓我們可以重複使用。在 Components...
DAY6：Nuxt.js的路由和導航 探索路由 在Nuxt.js中，路由是指定我們應用程序中不同頁面之間導航的方式。這類似於一張航海地圖，告訴我們如何到達目的地。 創建路由 要創建路由，我們需要在nu...