天天看點

8個VSCode插件推薦,和ChatGPT一起coding吧

作者:大可不必圓滑

1.Code-Spell-Checker-檢查單詞拼寫

在開發的過程中,開發者會經常命名一些變量,這個插件可以幫助開發者在命名的時候避免單詞拼寫錯誤,不然要是寫錯單詞被發現了就太尴尬了。[捂臉]

8個VSCode插件推薦,和ChatGPT一起coding吧

Code-Spell-Checker

8個VSCode插件推薦,和ChatGPT一起coding吧

使用展示

2.GitLens — Git-supercharged-檢視git 相關資訊

這個插件的功能有很多,其中使用最頻繁的是:在滑鼠光标選中某一行代碼的時候就會顯示該行代碼的上次送出記錄。(讓我們來揪出這行bug是誰寫的吧,哈哈[大笑])

8個VSCode插件推薦,和ChatGPT一起coding吧

GitLens — Git-supercharged

8個VSCode插件推薦,和ChatGPT一起coding吧

使用展示

3.Markdown-Preview-Enhanced + markdownlint-實時檢視和編輯markdown檔案

如果你有在編輯器中寫markdown檔案的習慣的話,那這個是十分友好的,可以實時編輯檢視,還能右鍵直接在浏覽器中打開檢視。

8個VSCode插件推薦,和ChatGPT一起coding吧

Markdown-Preview-Enhanced + markdownlint

8個VSCode插件推薦,和ChatGPT一起coding吧

使用展示

4.Image-preview-預覽插入的圖檔資訊

在代碼中可以直接檢視插入的圖檔的預覽圖和相關的檔案資訊(需要相對路徑或者資源位址,像@/這樣定義過的路徑就不行了),這樣就不需要再浪費時間去檔案夾裡找這個圖檔的資訊啦。[耶]

8個VSCode插件推薦,和ChatGPT一起coding吧

Image-preview

8個VSCode插件推薦,和ChatGPT一起coding吧

使用展示

5.Tabnine-AI-Autocomplete-AI代碼補全提示

這款AI和GPT不同,它是根據你自己的代碼并聯系上下文來進行AI提示的,對經常敲自己的代碼的開發者來說還是很有幫助。

而且Tabnine-AI使用起來相對簡單些,基礎版可以直接免費用,不需要像其他GPT插件一樣綁定OpenAI的key。當然,如果想使用進階版本還是要花錢的。

免費版隻能提示一行或者半行,進階版是完整的多行的,使用免費版的時候有時他會給你多行的完整代碼來引誘你去購買進階版 。:)

8個VSCode插件推薦,和ChatGPT一起coding吧

Tabnine-AI-Autocomplete

8個VSCode插件推薦,和ChatGPT一起coding吧

使用展示

6.ChatGPT中文版-使用了OpenAI的GPT3.5

這個插件用的是OpenAI的GPT3.5,不過不需要綁定key就可以直接使用,但是綁定key之後會更穩定、更快。

開發者們可以借助GPT來幫你建立測試用例,找代碼bug,或者優化你的代碼,如果你看不懂别人的代碼,也可以讓他幫你解釋代碼。

8個VSCode插件推薦,和ChatGPT一起coding吧

ChatGPT中文版

8個VSCode插件推薦,和ChatGPT一起coding吧

使用展示-問答

8個VSCode插件推薦,和ChatGPT一起coding吧

使用展示-代碼分析

細心的朋友會發現圖中截取了2個插件,那圖中第二個插件是什麼呢?怎麼404了呢?這個原來也是ChatGPT插件,但是因為違反OpenAI的相關協定被下架了,真是可惜了,這版的UI看着舒服很多,來看看未下架時的樣子吧↓

8個VSCode插件推薦,和ChatGPT一起coding吧

ChatGPT

8個VSCode插件推薦,和ChatGPT一起coding吧

使用展示

7.TODO-Highlight-自定義高亮設定和高亮内容

自定義一些高亮内容,例如:@description,@param等特殊字段,這樣在開發過程中一眼就能将代碼自動在腦子中分段。

當然也可以定義一些例如:_needChange_來辨別一些後續可能需要修改的地方,這樣下次就能一眼找到需要修改的地方了。

8個VSCode插件推薦,和ChatGPT一起coding吧

TODO-Highlight

8個VSCode插件推薦,和ChatGPT一起coding吧

使用展示

8.TODO-Tree-自定義待辦事項樹狀結構

和TODO-Highlight類似,都是自定義字段,作提醒作用,但是TODO Tree的功能是查找特定字段,然後在側邊欄列出來,點選可以跳轉到該字段的位置。可以自定義顯示的樣式,樹狀展示内容可以按字段類型也可以按檔案路徑,十分的友善。

那麼具體有什麼用呢?舉個例子:一個功能會用到多個函數,可以先定義函數,然後在每個函數前加上TODO注釋,之後再進行細化開發每個函數,這樣開發思路就會比較明朗,别人看着TODO樹狀圖的内容也能快速了解功能,顯得比較簡潔明了。

注:因為顔色會和TODO-Highlight沖突,是以建議将TODO-Tree的字段顔色都去掉。

8個VSCode插件推薦,和ChatGPT一起coding吧

TODO-Tree

8個VSCode插件推薦,和ChatGPT一起coding吧

使用展示-按标簽分類

8個VSCode插件推薦,和ChatGPT一起coding吧

使用展示-按檔案路徑分類

結語

以上就是推薦的8個VSCode插件,各個都是很有用的呢。[呲牙]

接下來看看Chat-GPT對最受歡迎的開發語言和IDE的看法吧。

8個VSCode插件推薦,和ChatGPT一起coding吧

最受歡迎的開發語言

8個VSCode插件推薦,和ChatGPT一起coding吧

最受歡迎的IDE

繼續閱讀