極速程式設計體驗:VsCode和webstorm插上ChatGPT

freephp發表於2023-02-28

ChatGPT走入了千家萬戶,而她最適合的用法之一就是進行程式設計輔助,特別是對一些常規開發,有比較好的引導作用。
很多主流編輯器都有相關的外掛支援接入ChatGPT,而VsCode和webstorm是我主力IDE,今天會以它們為例。
下面先以VsCode為例,畢竟開源免費,可能用的人更多一點。首先在擴充套件(extension)裡面搜尋【ChatGPT】,可以找到排名靠前的ChatGPT外掛,如圖所示。

在VsCode裡面選擇外掛的時候要注意,儘量選擇下載量最大的那個,我們已經聽說過很多無良外掛暗地裡給開發者加黑科技的故事,所以遠離那些下載量少的非主流外掛。
安裝好之後,它會在左側bar上顯示一個ChatGPT的圖示,點選之後可以看到首頁如下圖所示。

點選login按鈕進行登陸,如果是第一次登陸,那麼會讓你提供openAI API Key並儲存到外掛配置裡,你需要登陸chatgpt帳號,在這個頁面找到你的api key: https://platform.openai.com/account/api-keys,如果沒有建立可以點選create按鈕生成一個,如圖。

配置完成之後,就可以快樂地和ChatGPT對話啦,例如我問怎麼用jest框架提高程式碼質量,它的回答還是比較靠譜的。


值得一提的是:該外掛還支援把對話結果匯出為Markdown格式,比官網的方便。
webstorm接入ChatGPT也類似,可以在setting-> plugins裡面搜尋下載量最大的那個ChatGPT外掛,然後進行安裝並配置openAI API key即可。

回答中規中矩,格式也有些奇怪,不如VsCode裡面的顯示。

總的來說,外掛可以比較方便地整合ChatGPT,體驗上我還是更喜歡VsCode

相關文章