2023.10撰寫

Copilot初體驗

Github Copilot有不少功能,基本的功能有inline chat、auto complete及chat panel。

Inline Chat

以一個空白的next.js專案為例,我們來試試看,先在app下,新增product檔案夾,再新增一個page.tsx,copilot就會提示我們 (如果沒有出現,可以按Ctrl+I):

Untitled

輸入我們的需求:

Untitled

copilot馬上就產生一個頁面了:

Untitled

點選「Accept」,接受copilot寫的程式。

Auto Complete

當我們知道要如何修改程式時,到下一行的時候,copilot會去預測我們接下來的程式。如果接受就直接按「Tab」

Untitled

開啟Chat Panel

可以利用「Ctrl+Alt+I」開啟Chat Panel

image.png

透過Chat Panel來問copilot,就像使用ChatGPT一樣

Untitled

只要問對問題,就能得到程式碼