學習內容：

• 認識 Git、GitHub 與 VS Code 的關係
• 安裝 Git 並完成基本身份設定
• 在 VS Code 中 clone GitHub 專案
• 使用 VS Code 的 Source Control 進行提交與推送
• 安裝並使用 Git Graph 觀察版本紀錄

Git、GitHub 與 VS Code

在開始操作之前，先分清楚三者的角色：

• Git：版本控制工具，用來記錄程式碼修改歷程
• GitHub：放置 Git 專案的網站平台
• VS Code：編輯程式碼的工具，也內建 Git 操作介面

以下是針對 ChatGPT 中「GPTs（自訂 GPTs）」的完整教學說明，內容包含：什麼是 GPTs、使用時機、如何使用／建立、進階設定、注意事項與常見問題。

一、什麼是 GPTs？

「GPTs」是指由 OpenAI 推出的，自 ChatGPT 服務中可用或可自訂的「專用助手／機器人」功能。換句話說，它是「在 ChatGPT 基礎模型上，針對特定任務、特定領域、特定風格進行設計或設定」的版本。(writesonic.com)

以下是針對「用 Python 結合 Word template 製作 Word 檔案」的詳細教學說明，同時包含可用的函式庫資源、實作步驟、範例程式碼與注意事項。

一、為什麼＋何時會想這麼做

當你有以下需求時，就很適合使用 Python ＋ Word template 的方法來產出 Word 檔案：

• 需要產出大量格式相同但內容不同的 Word 文件（例如：合約模板、報告、邀請函）
• 想用已有的 Word 檔（含版面、樣式、頁首／頁尾）當成模板，而不是完全從零撰寫
• 希望自動化產出流程，如從 Excel、資料庫中讀取資料，然後填入 Word 模板
• 想整合入 Python 工作流程／系統（報表系統、網頁服務）

本單元簡介 Nuxt3 的基本概念與開發環境設定，並涵蓋樣式管理、視圖架構等核心內容。

• Nuxt 簡介
• Views 架構簡介
• 路由管理
• CSS 樣式

學習內容

• 理解 Nuxt.js 的核心概念與優勢
• 學會安裝與設定 Nuxt.js 開發環境
• 建立第一個 Nuxt.js 專案

參考內容1
參考內容2

學習內容

• 理解 Nuxt.js 檔案系統路由概念
• 掌握靜態與動態路由建立
• 學會使用 NuxtLink 進行頁面導航
• 理解路由參數處理
• 路由中介軟體與驗證

參考內容

1. 檔案系統路由簡介

核心概念

Nuxt.js 使用檔案系統路由，pages/ 目錄中的每個 Vue 檔案會自動建立對應的 URL 路由。這基於 vue-router 並支援程式碼分割，只載入當前路由所需的 JavaScript。

學習內容

• 掌握 Nuxt.js 中的樣式組織與引入方式
• 學習字體設定與管理
• 理解 Vue SFC 樣式特性

參考內容

1. 本地樣式表管理

assets/ 目錄結構

assets/
├── css/
│   ├── main.css
│   └── components.css
├── scss/
│   ├── _variables.scss
│   ├── _mixins.scss
│   └── main.scss
└── fonts/
    └── custom-fonts.woff2

學習內容

• 理解 Nuxt.js 中的 Views 架構概念
• 學會使用 app.vue 作為應用程式入口點
• 掌握 Components、Pages、Layouts 的建立與使用

參考內容

1. Nuxt.js Views 架構簡介

Nuxt.js 的 Views 系統由三個核心部分組成：

本單元涵蓋 Vue 的進階功能與實用技術，包含路由管理、狀態管理以及部署方案，為開發更複雜的 Vue 應用提供全方位指南。

相關頁面

• Vue Router 路由管理：學習如何使用 Vue Router 建立單頁應用，管理路由、導航守衛與動態路由
• Pinia 狀態管理：掌握使用 Pinia 進行集中式狀態管理的方法，包含 store、state、getters 與 actions
• Vercel 快速部署：了解如何將 Vue 應用快速部署到 Vercel 雲端平台

學習目標

1. 了解狀態管理的概念與必要性
2. 學會安裝和配置 Pinia
3. 掌握 Store 的創建與使用
4. 理解 state、getters、actions 的運用
5. 學會組件間的狀態共享與持久化

核心概念解釋

什麼是狀態管理？

狀態管理是指在應用程式中統一管理和控制資料狀態的方式。在大型 Vue 應用中，組件間需要共享狀態時，傳統的 props/emit 方式會變得複雜且難以維護。

為什麼選擇 Pinia？