日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當(dāng)前位置:首頁 > 科技  > 軟件

20個超實(shí)用的VS Code擴(kuò)展(2024年版)

來源: 責(zé)編: 時間:2024-06-14 17:34:25 150觀看
導(dǎo)讀大家好,今天學(xué)研君給大家?guī)硪黄P(guān)于 VS Code 擴(kuò)展的文章。VS Code 這幾年做得是風(fēng)生水起,可以算得上是微軟的良心產(chǎn)品,其最大的優(yōu)勢就是擁有眾多高質(zhì)量的擴(kuò)展。在本文中,學(xué)研君將向大家推薦一些我認(rèn)為在 2024 年對開發(fā)

大家好,今天學(xué)研君給大家?guī)硪黄P(guān)于 VS Code 擴(kuò)展的文章。VS Code 這幾年做得是風(fēng)生水起,可以算得上是微軟的良心產(chǎn)品,其最大的優(yōu)勢就是擁有眾多高質(zhì)量的擴(kuò)展。在本文中,學(xué)研君將向大家推薦一些我認(rèn)為在 2024 年對開發(fā)者來說又實(shí)用又好用的擴(kuò)展。pNm28資訊網(wǎng)——每日最新資訊28at.com

估計(jì)不少讀者已經(jīng)用過了其中一些擴(kuò)展,但哪怕你們只從本文中找到一兩個之前沒聽說過的擴(kuò)展,并用它們提高你的工作效率。學(xué)研君就滿足了,接下來,我們一起看一下,都有哪些擴(kuò)展。pNm28資訊網(wǎng)——每日最新資訊28at.com

Prettier

PrettierPrettierpNm28資訊網(wǎng)——每日最新資訊28at.com

Prettier 是支持 Python、Java、JavaScript 等多種語言的代碼格式化工具。特別適合用來保持代碼的一致和整潔。pNm28資訊網(wǎng)——每日最新資訊28at.com

Prettier 支持高度配置,可以按你喜歡的方式格式化代碼。例如,添加或刪除行末分號,將單引號轉(zhuǎn)換為雙引號等操作都可以通過設(shè)置實(shí)現(xiàn)。pNm28資訊網(wǎng)——每日最新資訊28at.com

在 VS Code 的設(shè)置頁面中,還可以設(shè)置在保存時自動格式化代碼,以及格式化代碼的快捷鍵。pNm28資訊網(wǎng)——每日最新資訊28at.com

并且,Prettier 還可以與 ESLint 集成。pNm28資訊網(wǎng)——每日最新資訊28at.com

GitHub Copilot

CopilotCopilotpNm28資訊網(wǎng)——每日最新資訊28at.com

對于 Copilot 這個擴(kuò)展,我相信大家都已經(jīng)耳熟能詳了。它是由 OpenAI 的 GPT-3 提供支持的 AI 編程助手,可以幫助你更快地編寫代碼。雖然它是 GitHub 官方出品,可以說是這一領(lǐng)域的王者,可它還遠(yuǎn)遠(yuǎn)談不上完美,但它已經(jīng)可以提供完整的函數(shù),甚至是整個文件的建議。pNm28資訊網(wǎng)——每日最新資訊28at.com

你不僅可以用它來提高寫代碼的效率,還可以用它生成示例數(shù)據(jù)、測試代碼,甚至編寫代碼文檔。pNm28資訊網(wǎng)——每日最新資訊28at.com

不過,可千萬別過度依賴它,還是要真正理解你正在編寫的代碼,掌握扎實(shí)的編程基本功。pNm28資訊網(wǎng)——每日最新資訊28at.com

與之類似的還有百度的 Comate 和阿里的通義靈碼,當(dāng)然,類似的 AI 編程助手還有很多,在此,學(xué)研君就不一一介紹了。pNm28資訊網(wǎng)——每日最新資訊28at.com

image.pngpNm28資訊網(wǎng)——每日最新資訊28at.com

Regex Snippets

Regex SnippetsRegex SnippetspNm28資訊網(wǎng)——每日最新資訊28at.com

Regex Snippets 這個擴(kuò)展太可愛了,有了它,你再也不用去記那些如同天書的正則表達(dá)式了。pNm28資訊網(wǎng)——每日最新資訊28at.com

Regex Snippets 提供了常見郵箱驗(yàn)證、URL、密碼、日期格式等 60 多種代碼片段,足夠你用了。pNm28資訊網(wǎng)——每日最新資訊28at.com

Regex Snippets 示例Regex Snippets 示例pNm28資訊網(wǎng)——每日最新資訊28at.com

Polacode

PolacodePolacodepNm28資訊網(wǎng)——每日最新資訊28at.com

Polacode 支持在 VS Code 中直接生成代碼截圖。pNm28資訊網(wǎng)——每日最新資訊28at.com

雖然需要將代碼復(fù)制粘貼到 Polacode 的窗口中,但用它截取的代碼圖片非常漂亮,還可以適用各種代碼主題,適合在公眾號文章或博客中分享代碼。(雖然我們還有各種公號排版工具,但這也是一種途徑嘛)pNm28資訊網(wǎng)——每日最新資訊28at.com

Polacode  示例Polacode 示例pNm28資訊網(wǎng)——每日最新資訊28at.com

Code Spell Checker

Code Spell CheckerCode Spell CheckerpNm28資訊網(wǎng)——每日最新資訊28at.com

如果像學(xué)研君一樣,母語不是英語,或者你雖然是英語母語國家的人,但拼寫不好,那么 Code Spell Checker 可是能幫你好大的忙,尤其是在輸入變量名的時候。pNm28資訊網(wǎng)——每日最新資訊28at.com

它能夠高亮代碼中的拼寫錯誤,并且支持自定義詞典,可以忽略你認(rèn)為是對的單詞,還可以選擇不同的詞典。此外,它還可以針對工作區(qū)和用戶分別定義詞典。pNm28資訊網(wǎng)——每日最新資訊28at.com

總之,有了它,你就不用再擔(dān)心寫錯單詞,貽笑大方了。pNm28資訊網(wǎng)——每日最新資訊28at.com

Code Spell Checker 示例Code Spell Checker 示例pNm28資訊網(wǎng)——每日最新資訊28at.com

Document This

Document ThisDocument ThispNm28資訊網(wǎng)——每日最新資訊28at.com

Document This 會為 JavaScript 或 TypeScript 函數(shù)生成 JSDoc 注釋。你要做的只是調(diào)用一下快捷鍵,或在函數(shù)上方鍵入 /** 就可以自動生成注釋,真是懶人神器。pNm28資訊網(wǎng)——每日最新資訊28at.com

這樣,你就可以保持良好的代碼注釋習(xí)慣,還能學(xué)習(xí)怎樣編寫優(yōu)秀的 JSDoc 注釋。pNm28資訊網(wǎng)——每日最新資訊28at.com

ChatGPT

ChatGPTChatGPTpNm28資訊網(wǎng)——每日最新資訊28at.com

話說剛開始看到這個擴(kuò)展聲稱的免這免那的廣告,學(xué)研君是不信的,天上的餡餅就這么砸我腦袋上了?但本著有棗沒棗打三桿子的準(zhǔn)則,學(xué)研君還是親自為大家測試了一下,還真能用!pNm28資訊網(wǎng)——每日最新資訊28at.com

ChatGPT 這個擴(kuò)展可以讓你直接在 VS Code 中向 GPT 提問、生成代碼、解釋代碼、翻譯英文等等。如果再結(jié)合前面提到的 Copilot,可以大大提高你編寫代碼的效率和質(zhì)量。pNm28資訊網(wǎng)——每日最新資訊28at.com

貌似終于可以不用加班了(嗨嗨,夢該醒了啊)。pNm28資訊網(wǎng)——每日最新資訊28at.com

ChatGPT 功能示例ChatGPT 功能示例pNm28資訊網(wǎng)——每日最新資訊28at.com

Peacock

PeacockPeacockpNm28資訊網(wǎng)——每日最新資訊28at.com

如果你同時開發(fā)多個項(xiàng)目,例如前后端分離的全棧項(xiàng)目,那就需要同時打開多個 VS Code 窗口。窗口多了,分不清楚這些多胞胎,怎么辦,頭疼也沒用。pNm28資訊網(wǎng)——每日最新資訊28at.com

這個時候,你就可以用 Peacock 為不同的項(xiàng)目更改窗口的主題顏色,還是蠻實(shí)用的。pNm28資訊網(wǎng)——每日最新資訊28at.com

看這五顏六色的,還真像只孔雀。pNm28資訊網(wǎng)——每日最新資訊28at.com

Peacock 示例Peacock 示例pNm28資訊網(wǎng)——每日最新資訊28at.com

Postman

PostmanPostmanpNm28資訊網(wǎng)——每日最新資訊28at.com

Postman 推出了 VS Code 擴(kuò)展,不論你使用 Java(SpringBoot)、 Python(Django、FastAPI),還是 Node.js(express)開發(fā) API,你都可以直接在 VS Code 中測試 API 了。注意,使用它需要你注冊一個免費(fèi)的 Postman 賬戶。pNm28資訊網(wǎng)——每日最新資訊28at.com

REST Client

REST ClientREST ClientpNm28資訊網(wǎng)——每日最新資訊28at.com

REST Client 是 Postman 的替代品,它通過創(chuàng)建 HTTP 文件來編寫和運(yùn)行請求,并在輸出窗口中查看響應(yīng)。用它測試 API 也是個不錯的選擇。pNm28資訊網(wǎng)——每日最新資訊28at.com

此外,還有一個輕量級的 Thunder Client,也頗受大家的喜愛。pNm28資訊網(wǎng)——每日最新資訊28at.com

Thunder ClientThunder ClientpNm28資訊網(wǎng)——每日最新資訊28at.com

Bookmarks

BookmarksBookmarkspNm28資訊網(wǎng)——每日最新資訊28at.com

Bookmarks 可以用來管理大型項(xiàng)目的文件,你可以在文件中設(shè)置書簽并在書簽之間跳轉(zhuǎn)。還可以通過命令面板查看所有書簽,或者使用側(cè)邊欄的圖標(biāo)查看自己定義的書簽。pNm28資訊網(wǎng)——每日最新資訊28at.com

Codiumate

CodiumateCodiumatepNm28資訊網(wǎng)——每日最新資訊28at.com

Codiumate 可以用來測試代碼,它還提供了代碼解釋、代碼摘要、示例用法、代碼分析等功能。pNm28資訊網(wǎng)——每日最新資訊28at.com

你需要先注冊一個免費(fèi)賬戶才能使用 Codiumate。學(xué)研君建議你嘗試一下,它可是一個能確保你的代碼質(zhì)量過硬的強(qiáng)大工具。pNm28資訊網(wǎng)——每日最新資訊28at.com

codium ai 官網(wǎng)codium ai 官網(wǎng)pNm28資訊網(wǎng)——每日最新資訊28at.com

Quokka

QuokkaQuokkapNm28資訊網(wǎng)——每日最新資訊28at.com

如果你只使用 Python,或根本不需要編寫 JavaScript 代碼,那你可以忽略這個擴(kuò)展了,因?yàn)?Quokka 是用來直接在 VS Code 中代碼編輯區(qū)顯示 JavaScript 和 TypeScript  代碼運(yùn)行結(jié)果的擴(kuò)展,不支持 Python 和其他語言。但如果你編寫 JS 或 TS 代碼,那你一定要安裝一下 Quokka,即便是免費(fèi)版的功能也很香哦。pNm28資訊網(wǎng)——每日最新資訊28at.com

Quokka 示例Quokka 示例pNm28資訊網(wǎng)——每日最新資訊28at.com

好了,這就是本篇文章的全部內(nèi)容了。pNm28資訊網(wǎng)——每日最新資訊28at.com

本文鏈接:http://www.www897cc.com/showinfo-26-93853-0.html20個超實(shí)用的VS Code擴(kuò)展(2024年版)

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 三星 The Serif 畫境藝術(shù)電視新品上市,以尖端技術(shù)鍛造藝術(shù)家居的生命力

下一篇: 技術(shù)人必看:如何選擇適合你公司的消息隊(duì)列工具

標(biāo)簽:
  • 熱門焦點(diǎn)
Top 主站蜘蛛池模板: 崇文区| 桐庐县| 乐山市| 蓬安县| 安多县| 宜君县| 册亨县| 祁阳县| 遂溪县| 岫岩| 陆良县| 红原县| 武冈市| 湟中县| 江口县| 二手房| 应用必备| 台北市| 方城县| 通化县| 菏泽市| 宿州市| 朝阳市| 辛集市| 葵青区| 文安县| 科技| 涞源县| 修水县| 宝山区| 兰西县| 平潭县| 蓬溪县| 靖安县| 舟曲县| 平武县| 黎川县| 手机| 长丰县| 监利县| 宁陵县|