技術 D6：Nuxt 3.x Pages 目錄－自動生成路由

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Pages 資料夾用來新增頁面，當我們在 Pages 資料夾建立檔案，Nuxt 會根據資料夾以及檔...

技術 [影片教學] Nuxt 3 - 使用 nuxi 建立第一個專案

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗，👇下方是本篇教學的相關筆記。 環境準備 Node.js - 建議安裝 v18 版本以上VS...

技術 [Day 01] Nuxt 3 nuxi 介紹 - Nuxt CLI 指令說明

前言 nuxi 全名為 (Nuxt CLI, Nuxt Command Line Interface)，是由 Nuxt 提供開發的標準工具，Nuxt CLI 就...

技術 D5：Nuxt 3.x Stylelint SCSS 程式碼檢查與自動排版

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 前一天介紹了 Nuxt3 搭配 ESLint JavaScript 程式碼檢查工具：文章連結，本...

技術 D4：Nuxt 3.x ESLint 程式碼規範與自動排版－搭配 TypeScript

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt 3 完整支援 TypeScript 開發，TypeScript 相關設定在專案根目錄...

技術 D3：Nuxt 3.x 目錄結構 Directory Structure

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 定義了完整的目錄規則，讓我們可以輕鬆配置功能，專注在開發上 透過 npx nuxi@l...

技術 D2：Nuxt 3.x 專案架設

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt 版本：v3.7.1 在 Vue 3 出了好一段時間後，Nuxt 3 終於在 202...

技術 D1：Nuxt.js vs Vue.js，淺談 SPA 與 SSR

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 提到 Nuxt.js，必須先從 Vue.js 說起，Vue.js 為專注在視圖層（View）的...

技術 DAY 19 - Nuxt 專案目錄結構

DAY 19 - Nuxt 專案目錄結構 今天來一起分解 Nuxt 專案架構，我們在前面有提到 Nuxt 優點之一易懂的目錄架構 即使沒有這篇單看目錄架構...

技術 DAY 17 - 全新的開發者體驗，探索 Nuxt 3 世界

今日前言 Nuxt3 了，接下來後半篇鐵人賽都會以 Nuxt3 為主，一開始預計 Vue.js 的概念篇本來預計寫 10 天，不知不覺越寫越多 orz ...發...

技術 Nuxt3 使用紀錄 - 使用 mkcert 讓本機開發也可以有 https

真的超簡單～ 要有這流程，主要是拿來測試串接 Facebook sdk、Apple rest api 等等使用。因為我是用 Mac 電腦，所以使用 Mac 安裝...