VSCode 使用 GitHub Copilot - Prompt / instrucion
在這篇文章中,將完整介紹如何在 VSCode 中安裝、啟用與善用 GitHub Copilot,讓你的程式開發事半功倍!🚀
什麼是 GitHub Copilot?GitHub Copilot 是由 OpenAI 與 GitHub 共同開發的 AI 程式碼助手。它能根據你的輸入自動補全程式碼、產生函式、甚至協助解釋程式邏輯,支援多種語言與框架,是現代開發者不可或缺的利器。
安裝與啟用步驟
開啟 VSCode,進入「擴充套件市集」。
搜尋並安裝「GitHub Copilot」擴充套件。
安裝完成後,登入你的 GitHub 帳號並啟用 Copilot 功能。
若首次使用,請確認已訂閱 Copilot 服務。
使用技巧與建議
即時建議:在撰寫程式時,Copilot 會自動給出建議,按下 Tab 鍵即可快速套用。
自然語言描述:可用註解(如英文或中文)描述需求,Copilot 會嘗試產生對應程式碼。
多語言支援:支援 Python、JavaScript、TypeScript、Go、Ruby、C# 等多種語言。
框架整合:適用於主流框架如 React、Vue、Django 等。
常見問題與排 ...
[筆記] Synology 創建 Docker datalust/seq 環境
前言最近想要對 Synology 功能增加幾項應用,之前有篇任務排程產生的Redis 環境,這次使用 SSH Terminal 創建 datalust/seq 環境,這樣就可以在 Synology 上集中管理與查詢日誌。
Synology 創建 Docker datalust/seq 環境教學這篇文章將介紹如何在 Synology NAS 上,透過 Docker 建立 datalust/seq 日誌伺服器環境。
一、前置準備
已安裝 Docker 套件於 Synology NAS
具備管理員權限
具備 SSH 存取權限
1-1 設定 SSH在 Synology NAS 上啟用 SSH 功能:
登入 DSM 管理介面。
前往「控制面板」>「終端機與 SNMP」。
啟用「SSH 功能」。
二、安裝 Docker在 Synology NAS 名字不叫做 Docker,而是 [ Container Manager ] 需要到「套件中心」安裝。
步驟一:拉取 Seq 映像檔
開啟 Synology Docker 套件。
前往「倉庫伺服器」搜尋 dat ...
[DevOps] 創建一個 docker agent
前言:為什麼要自建 Azure DevOps Docker Agent?在企業或團隊導入 CI/CD 流程時,Azure DevOps 雖然提供雲端 agent,但很多時候我們需要「自訂環境」來跑特殊的 build、測試或部署腳本。這時候,自己架設一個 docker agent 就變得超級重要!
動機與場景:
需要安裝特定版本的 SDK、CLI 或工具
需要存取內部網路資源(如私有資料庫、API)
想要更彈性地控管 agent 的資源、隔離性與安全性
減少雲端 agent 排隊、加速 pipeline 執行
這篇文章就是要教你,如何用 Docker 快速打造一個專屬於 Azure DevOps 的自動化 agent,讓你的 CI/CD 流程更穩定、更可控!
🚀 延伸閱讀:如果你還沒玩過 Docker,建議先看這篇入門文:Docker (一)- 基本使用方式
架構與重點檔案這個專案的核心,就是用 Docker 容器包裝 Azure DevOps agent,並用 docker-compose 管理多個服務(如前後端、資料庫等),讓 agent 可以在「完全自 ...
[DB] 使用 VS Code Query DB
前言最近在開發過程都是使用 Azure Data Studio Query 資料庫,對於 2025/03/31 微軟做出要停止支援的消息,我改用兩個擴充工具給讀者參考。
停止支援文章 : 點選我
工具
SQL Formatter VSCode : 點選我
SQL Database Projects : 點選我
DBCode - Database Management : 點選我
PS. DB Code 比較是一套可以使用 Copilot 可以詢問的 Database Management
SQL Database Projects 初次使用一、查詢動作 (Query)SQL Database Projects 是微軟的 Database Extension ,使用與 Azure Data Studio 早期的版本相似的介面,Filter 是沒有 input可以輸入的地方,需要使用 SQL 語法來查詢資料。
二、歷史紀錄 (History)connection 介面下方會有 History 的選項,這邊會顯示你最近執行過的 SQL 語法,這邊可以直接點選執行 ...
【ChatGPT】使用學習工具篇
前言近期為了提升自己學習能力,我製作一個學習工具AI幫助需要學習英文/日文的人使用。這個工具是完全免費又可以賺到閱讀訓練,如果是應付考試可以試試看效果如何。
ChatGPT商店
【學習工具】英文學習/練習 : 點選我
【學習工具】日文學習/練習 : 點選我
快速使用方式一進入畫面建議都按下 “您有什麼功能” 按鈕,有一系列的功能清單可以使用,如果要選選擇其中的功能,就是複製 title 就可以了。
特色考慮到各位使用這絕對會考慮 CP 值決定購買或是免費仔情況,所以不會參考語音功能在裡面。
1. 測驗與挑戰模式與英文練習工具類似的功能如下清單
單字測驗(日文→中文 或 中文→日文)
詞性與變化練習(動詞、形容詞變化)
句型測驗(填空題練習助詞、動詞、句型)
語法測驗(助詞、時態、句子結構)
閱讀理解(短篇文章 + 測驗)
同義詞與反義詞練習
2. 閱讀理解找不到免費的 APP 軟體訓練閱讀能力,可以透過以下操作順便提供測驗題目,提升學習上閱讀的能力
3. 單字與詞彙學習使用時候可以加入單字,也包含單字抽考模式。在測驗時候需要確認是否要留漢字選項, ...
[Benchmarks] Database Connect 效能差異
前言在 .NET 專案中,連接資料庫的方式有多種選擇。本文將透過 BenchmarkDotNet 來比較三種常見的資料庫連線方式的效能差異:
使用相依注入(DI)的 DbContext
每次建立新的 DbContext
使用連線池的新 DbContext
測試環境設定測試程式使用以下配置:
測試資料量:1000 筆
啟動次數:1 次
預熱次數:3 次
迭代次數:50 次
每次迭代的調用次數:3 次
測試程式說明
使用 DI 注入的 DbContext
使用單一 DbContext 實例
適合於 Web 應用程式的 Scope 生命週期
效能較好,但需注意 Change Tracker 的記憶體使用
每次建立新的 DbContext
每次查詢都建立新的連線
適合較簡單的查詢場景
可能造成較多的資源消耗
使用連線池的 DbContext
啟用 SQL Server 的連線池功能
包含重試機制和查詢分割
在高併發場景下較有優勢
程式碼架構1234567891011121314151617181920212223242526272829303132333435363 ...
【工具、紀錄】Reqable 手機、API一手包辦
前言前正子在找相關工具可以追蹤 Android / IOS 手機上面的 API ,發現有個很強大工具可以達到我的需求。這工具結合了 Fiddler、Charles、Postman 的功能,可以在手機上面直接進行 API 測試、追蹤、修改等功能。
Reqable 簡介Reqable 是一個可以在手機上面進行 API 測試、追蹤、修改等功能的工具,可以在手機上面直接進行 API 測試、追蹤、修改等功能。因為他是大陸開發工具,若有考量可以改用其他工具。
一、API 功能 ( 介面類似 Postman )這裡工具提供了 Explorer 、Collection、History 這幾個功能可以比較 Postman 與 Reqable 的差異。
1-1 Explorer 功能Postman 是沒有所謂的 Explorer 功能。這功能在創建新的 Tab 時候會直接記錄在 Explorer 中,可以直接點擊進行 API 測試。主要目的會偏向於紀錄當前 tab 清單有地方可以查看。
1-2 Collection 功能Collection 功能可以將 API 進行分類,可以將相關的 API 放 ...
【工具】沉浸式翻譯-網頁翻譯擴充 - 使用 xAI
前言於幾周前 will 保哥推薦一個 xAI 來翻譯網頁,而且一個月有 25美元免費額度。Felo 提供的 Glarity 無法使用xAI來翻譯,因此特別紀錄操作方式。
xAI 簡介xAI 是由 twitter (X Corp) 提供AI服務給使用者使用,模組目前只有支援 grok-beta、grok-vision-beta。(目前翻譯模型效果比其他模型好很多)
安裝擴充以及 AI Key
安裝擴充
進入 Chrome Web Store 搜尋 沉浸式翻譯-網頁翻譯擴充 並安裝
安裝完成後會出現一個小圖示在右上角
擴充連結 : https://chromewebstore.google.com/detail/%E6%B2%89%E6%B5%B8%E5%BC%8F%E7%BF%BB%E8%AD%AF-%E7%B6%B2%E9%A0%81%E7%BF%BB%E8%AD%AF%E6%93%B4%E5%85%85-pdf%E7%BF%BB%E8%AD%AF-%E5%85%8D%E8%B2%BB/bpoadfkcbjbfhfodiogcnhhhpibjhbnh
取得 AI API K ...
【Windows】Terminal 加入 Copilot 功能
前言近期回頭看 Gihub Copilot 功能有 windows Terminal 並非是在 Vscode 中使用,這邊紀錄一下 Terminal 有哪些功能。
Terminal Canarywindows Terminal 已經釋出三種版本 (一般、Preview、 Canary) ,UI 也比以前的Terminal 大幅提升。 Terminal Canary 版本於 2023年時候有釋出,這版本是可以使用 Copilot / Azure AI / OpenAI 這三個功能。
一、安裝 Terminal Canary
相關連結 : Terminal Canary
下載連結在 Github 上,可以直接下載安裝。
1-2 加入 Copilot 功能請參考下方 GIF 步驟,可以看到如何加入 Copilot 功能。
1-3 新增快捷鍵為了增加活用度,我這邊取用跟 Vscode 一樣的快捷鍵 (ctrl + i),可以參考下方步驟。
二、使用方式2-1 介面功能chat ui 有兩個功能,筆者覺得他們 icon 做得不太好辨認,以下說明。
clear histor ...
[Github Pages] 如何建立多個專案網站
前言Github Pages 不僅可以建立個人的使用者網站,也支援在不同的 repository 中建立專案網站。本文將介紹如何建立及設定額外的 Github Pages 專案網站。
Github Pages 設定步驟1. 建立 repository 並使用 Codespace 新增網頁內容首先建立一個新的 repository,然後使用 Codespace 來編輯網頁內容:
在 Codespace 中,建立一個基本的 index.html 檔案:
1234567891011<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Github Pages - Demo</title>&l ...