使用CodeGPT提高你的VS Code程式碼編寫生產力

CodeGPT是一個Visual Studio程式碼擴充套件，允許你通過OpenAI的官方API使用GPT-3（生成式預訓練轉化器）模型來生成、解釋、重構和記錄各種程式語言的程式碼片段。這個Visual Studio Code擴充套件允許你使用官方的OpenAI API，從OpenAI的GPT3或ChatGPT生成程式碼或自然語言回答你的問題，就在編輯器中。

用人工智慧的幫助來增強你的編碼能力! 自動地從頭開始寫新的程式碼，提出問題，得到解釋，重構程式碼，發現錯誤等等。

CodeGPT可用於各種任務，如程式碼完成、生成和格式化。它還可以被整合到程式碼編輯器和整合開發環境（IDE）中，為開發人員提供人工智慧輔助編碼功能。

本文將教你如何在Visual Studio Code（一種廣泛使用的程式碼編輯器）中設定和使用CodeGPT。

安裝CodeGPT

在Visual Studio程式碼IDE中使用CodeGPT之前，你需要安裝它。

要安裝CodeGPT擴充套件，請開啟你的Visual Studio程式碼編輯器，導航到擴充套件商店，並在搜尋欄中輸入 “codegpt”。選擇經過驗證的擴充套件，然後點選安裝按鈕。

點選安裝按鈕將使CodeGPT在你的Visual Studio程式碼編輯器中可用。

另外，你也可以通過Visual Studio市場手動安裝CodeGPT。

配置CodeGPT

在Visual Studio程式碼編輯器中成功安裝CodeGPT後，你必須用你的OpenAI API金鑰配置CodeGPT。

要檢索您的OpenAI API金鑰，請導航到https://beta.openai.com/account/api-keys，並點選建立新的密匙按鈕，如下圖所示。

點選此按鈕將生成你的API密匙。注意，你需要在金鑰生成後立即複製並安全地儲存，因為OpenAI不會再顯示它們。

接下來，回到Visual Studio程式碼編輯器，導航到設定。

在macOS上，導航到選單欄，點選Code，然後選擇Preferences，找到設定選項。在Windows上，按 ctrl+, 以開啟你的設定。

在設定搜尋欄中輸入 “codegpt” 來過濾其他設定，以快速檢視CodeGPT設定。

在macOS上，按cmd+shift+p並搜尋 “CodeGPT: Set API KEY “來新增你的API金鑰。在windows上，在API金鑰選項下填寫。

CodeGPT擴充套件有幾個其他的設定，可以根據你的喜好來配置它。

它們包括：

• Max Tokens：在API處理提示資訊之前，輸入被分解成令牌。然後API處理這些令牌。最大令牌是API應該接受和處理的最大令牌數。因此，根據你想得到的響應長度，選擇令牌的數量。同樣重要的是要注意，每個模型（後面會有更多關於模型的內容）都有一個最大數量的令牌，所以你使用的模型對最大令牌的數量起作用。
• Model：這是OpenAI模型，CodeGPT在處理查詢時將使用該模型。顧名思義，CodeGPT使用GPT-3模型。在這個模型中，text-davinci-003 是最有能力的，因為它能夠提供更高的質量，更多的輸出，正確地遵循prompts，並處理多達4000個標記。
• Language：這是你將與API互動的語言。解釋或檔案等功能也將在所選語言中進行。
• Temperature：這個設定決定了生成文字的隨機性或 “創造性” 水平。temperature越高，生成的輸出就越多樣，越有創造性。較低的temperature會導致輸出與訓練資料相似，不太可能包含意外或令人驚訝的內容。它是一個介於零（0）和（1）之間的值，零是最確定的，（1）是最隨機和最有創意的。預設temperature為0.3。

讓我們來探討一下你可以用CodeGPT做的各種事情以及如何做這些事情。

生成程式碼

你可以使用CodeGPT根據你在Visual Studio程式碼編輯器中的提示來生成程式碼片段。

要用CodeGPT生成程式碼，寫一個要求特定程式碼的註釋（請確保將游標保持在同一註釋行的末尾），在macOS上按 cmd + shift + i。在windows上，按ctrl + shift + i。按這組鍵將觸發CodeGPT提示，然後它在左邊開啟一個新視窗，顯示你的提示結果。

在下面的例子中，提示 “Generate a function that returns a UUID in JavaScript using ES6 syntax with comments（使用帶註釋的ES6語法生成一個在JavaScript中返回UUID的函式）”，被用來生成第二個視窗中的程式碼片段。

上面的提示產生了一個很好的解釋（有註釋）的函式，生成了一個UUID。

解釋程式碼

你可以使用CodeGPT來解釋程式碼片段，你需要幫助理解它們的作用。

要解釋一個程式碼片段，突出顯示該程式碼片段，然後右鍵單擊。右鍵單擊將顯示一些選項。在這些選項中，選擇Explain CodeGPT。

點選這個選項會觸發CodeGPT提示，並開啟一個新的視窗，顯示提示的結果，如下圖所示。

上面例子中的提示產生了一個正確的解釋，該函式使用regex驗證一個電子郵件地址是否有效。

重構程式碼

你可以使用CodeGPT來重構程式碼片段，使其更可讀、更可維護、更高效。

要重構一個程式碼片段，突出顯示該程式碼片段，然後右鍵單擊。右鍵單擊將顯示一些選項。在這些選項中，選擇Refactor CodeGPT。

點選這個選項會觸發CodeGPT提示，並開啟一個新的視窗，顯示提示的結果，如下圖所示。

上面例子中的提示重構了突出顯示的程式碼塊，使用 reduce 陣列方法來計算購物車中產品的總價格。最初的程式碼塊（重構前）使用 for-loop 來計算產品的總價格。

上面例子中的提示為先前重構的函式寫了單元測試，以確保它產生預期的結果。

探索CodeGPT

以下是CodeGPT的主要特點

• 生成程式碼： 你只需要輸入一個要求特定程式碼的註釋，然後按 cmd-shift-i，CodeGPT就會開啟一個新視窗，裡面有程式碼。

• 解釋程式碼： 選擇一些程式碼，右擊它並選擇 “Explain CodeGPT” 選項。CodeGPT將開啟一個新的視窗並解釋該程式碼。

下面是結果

但這還不是全部! 下面是你可以用CodeGPT做的其他事情：

• 提出問題
• 重構程式碼
• 記錄程式碼
• 查詢程式碼中的問題

有關這一擴充套件的更多資訊，請點選這裡。

這就是了! 現在是你探索這個擴充套件的時候了。請在評論區告訴我你對CodeGPT的看法。

小結

總之，CodeGPT是一個強大的工具，可以幫助開發者完成各種任務，如記錄程式碼、查詢問題、從Stackoverflow獲得答案。然而，重要的是要記住使用人工智慧生成的程式碼的潛在限制，並採取必要的預防措施，如測試，以確保程式碼的質量和滿足要求。儘管有其侷限性，CodeGPT有可能提高開發人員的生產力和效率，隨著技術的不斷進步，我們可以期待未來有更多令人興奮的發展。