第十五屆 優選

video-tutorial
Nuxt 3 快速入門
Ryan

系列文章

DAY 1

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

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

DAY 2

[影片教學] Nuxt 3 - nuxi (Nuxt CLI) 指令介紹

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 前置作業 為了確保 Nuxt CLI 不存在快取或版本上的差...

DAY 3

[影片教學] Nuxt 3 + ESLint + Prettier 環境建置

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 設置 ESLint 環境 安裝 ESLint 套件 npm...

DAY 4

[影片教學] Nuxt 3 安裝與使用 Tailwind CSS

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 設置 Tailwind CSS 環境 安裝 Nuxt Tai...

DAY 5

[影片教學] Nuxt 3 目錄結構與自動載入 (Auto Imports)

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 專案目錄結構 .nuxt 目錄 開發環境下由 Nuxt 產生...

DAY 6

[影片教學] Nuxt 3 頁面 (Pages) 與路由 (Routing)

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 建立第一個路由頁面 在 pages 目錄下建立一個檔案 ./...

DAY 7

[影片教學] Nuxt 3 布局模板 (Layouts)

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 建立第一個布局模板 在 layouts 目錄下建立一個檔案...

DAY 8

[影片教學] Nuxt 3 元件 (Components)

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 建立與使用第一個元件 在 components 目錄下建立一...

DAY 9

[影片教學] Nuxt 3 組合式函式 (Composables)

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 建立與使用組合式函式 在 composables 目錄下建立...

DAY 10

[影片教學] Nuxt 3 插件 (Plugins)

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗,👇下方是本篇教學的相關筆記。 建立插件來整合 Vue 3 套件 安裝 Vue Scroll...