小米官宣：2023年上半年出貨量中國(guó)第一！
今日早間，小米電視官方微博帶來(lái)消息，稱2023年小米電視上半年出貨量達(dá)到了中國(guó)第一，同時(shí)還表示小米電視的巨屏風(fēng)暴即將開始。“公布一個(gè)好消息2023年#小米電視上半年出貨量中國(guó)
大家好，今天學(xué)研君給大家?guī)?lái)一篇關(guān)于 VS Code 擴(kuò)展的文章。VS Code 這幾年做得是風(fēng)生水起，可以算得上是微軟的良心產(chǎn)品，其最大的優(yōu)勢(shì)就是擁有眾多高質(zhì)量的擴(kuò)展。在本文中，學(xué)研君將向大家推薦一些我認(rèn)為在 2024 年對(duì)開發(fā)者來(lái)說(shuō)又實(shí)用又好用的擴(kuò)展。
估計(jì)不少讀者已經(jīng)用過(guò)了其中一些擴(kuò)展，但哪怕你們只從本文中找到一兩個(gè)之前沒聽說(shuō)過(guò)的擴(kuò)展，并用它們提高你的工作效率。學(xué)研君就滿足了，接下來(lái)，我們一起看一下，都有哪些擴(kuò)展。
Prettier
Prettier 是支持 Python、Java、JavaScript 等多種語(yǔ)言的代碼格式化工具。特別適合用來(lái)保持代碼的一致和整潔。
Prettier 支持高度配置，可以按你喜歡的方式格式化代碼。例如，添加或刪除行末分號(hào)，將單引號(hào)轉(zhuǎn)換為雙引號(hào)等操作都可以通過(guò)設(shè)置實(shí)現(xiàn)。
在 VS Code 的設(shè)置頁(yè)面中，還可以設(shè)置在保存時(shí)自動(dòng)格式化代碼，以及格式化代碼的快捷鍵。
并且，Prettier 還可以與 ESLint 集成。
Copilot
對(duì)于 Copilot 這個(gè)擴(kuò)展，我相信大家都已經(jīng)耳熟能詳了。它是由 OpenAI 的 GPT-3 提供支持的 AI 編程助手，可以幫助你更快地編寫代碼。雖然它是 GitHub 官方出品，可以說(shuō)是這一領(lǐng)域的王者，可它還遠(yuǎn)遠(yuǎn)談不上完美，但它已經(jīng)可以提供完整的函數(shù)，甚至是整個(gè)文件的建議。
你不僅可以用它來(lái)提高寫代碼的效率，還可以用它生成示例數(shù)據(jù)、測(cè)試代碼，甚至編寫代碼文檔。
不過(guò)，可千萬(wàn)別過(guò)度依賴它，還是要真正理解你正在編寫的代碼，掌握扎實(shí)的編程基本功。
與之類似的還有百度的 Comate 和阿里的通義靈碼，當(dāng)然，類似的 AI 編程助手還有很多，在此，學(xué)研君就不一一介紹了。
image.png
Regex Snippets
Regex Snippets 這個(gè)擴(kuò)展太可愛了，有了它，你再也不用去記那些如同天書的正則表達(dá)式了。
Regex Snippets 提供了常見郵箱驗(yàn)證、URL、密碼、日期格式等 60 多種代碼片段，足夠你用了。
Regex Snippets 示例
Polacode
Polacode 支持在 VS Code 中直接生成代碼截圖。
雖然需要將代碼復(fù)制粘貼到 Polacode 的窗口中，但用它截取的代碼圖片非常漂亮，還可以適用各種代碼主題，適合在公眾號(hào)文章或博客中分享代碼。（雖然我們還有各種公號(hào)排版工具，但這也是一種途徑嘛）
Polacode 示例
Code Spell Checker
如果像學(xué)研君一樣，母語(yǔ)不是英語(yǔ)，或者你雖然是英語(yǔ)母語(yǔ)國(guó)家的人，但拼寫不好，那么 Code Spell Checker 可是能幫你好大的忙，尤其是在輸入變量名的時(shí)候。
它能夠高亮代碼中的拼寫錯(cuò)誤，并且支持自定義詞典，可以忽略你認(rèn)為是對(duì)的單詞，還可以選擇不同的詞典。此外，它還可以針對(duì)工作區(qū)和用戶分別定義詞典。
總之，有了它，你就不用再擔(dān)心寫錯(cuò)單詞，貽笑大方了。
Code Spell Checker 示例
Document This
Document This 會(huì)為 JavaScript 或 TypeScript 函數(shù)生成 JSDoc 注釋。你要做的只是調(diào)用一下快捷鍵，或在函數(shù)上方鍵入 /** 就可以自動(dòng)生成注釋，真是懶人神器。
這樣，你就可以保持良好的代碼注釋習(xí)慣，還能學(xué)習(xí)怎樣編寫優(yōu)秀的 JSDoc 注釋。
ChatGPT
話說(shuō)剛開始看到這個(gè)擴(kuò)展聲稱的免這免那的廣告，學(xué)研君是不信的，天上的餡餅就這么砸我腦袋上了？但本著有棗沒棗打三桿子的準(zhǔn)則，學(xué)研君還是親自為大家測(cè)試了一下，還真能用！
ChatGPT 這個(gè)擴(kuò)展可以讓你直接在 VS Code 中向 GPT 提問(wèn)、生成代碼、解釋代碼、翻譯英文等等。如果再結(jié)合前面提到的 Copilot，可以大大提高你編寫代碼的效率和質(zhì)量。
貌似終于可以不用加班了（嗨嗨，夢(mèng)該醒了啊）。
ChatGPT 功能示例
Peacock
如果你同時(shí)開發(fā)多個(gè)項(xiàng)目，例如前后端分離的全棧項(xiàng)目，那就需要同時(shí)打開多個(gè) VS Code 窗口。窗口多了，分不清楚這些多胞胎，怎么辦，頭疼也沒用。
這個(gè)時(shí)候，你就可以用 Peacock 為不同的項(xiàng)目更改窗口的主題顏色，還是蠻實(shí)用的。
看這五顏六色的，還真像只孔雀。
Peacock 示例
Postman
Postman 推出了 VS Code 擴(kuò)展，不論你使用 Java（SpringBoot）、 Python（Django、FastAPI），還是 Node.js（express）開發(fā) API，你都可以直接在 VS Code 中測(cè)試 API 了。注意，使用它需要你注冊(cè)一個(gè)免費(fèi)的 Postman 賬戶。
REST Client
REST Client 是 Postman 的替代品，它通過(guò)創(chuàng)建 HTTP 文件來(lái)編寫和運(yùn)行請(qǐng)求，并在輸出窗口中查看響應(yīng)。用它測(cè)試 API 也是個(gè)不錯(cuò)的選擇。
此外，還有一個(gè)輕量級(jí)的 Thunder Client，也頗受大家的喜愛。
Thunder Client
Bookmarks
Bookmarks 可以用來(lái)管理大型項(xiàng)目的文件，你可以在文件中設(shè)置書簽并在書簽之間跳轉(zhuǎn)。還可以通過(guò)命令面板查看所有書簽，或者使用側(cè)邊欄的圖標(biāo)查看自己定義的書簽。
Codiumate
Codiumate 可以用來(lái)測(cè)試代碼，它還提供了代碼解釋、代碼摘要、示例用法、代碼分析等功能。
你需要先注冊(cè)一個(gè)免費(fèi)賬戶才能使用 Codiumate。學(xué)研君建議你嘗試一下，它可是一個(gè)能確保你的代碼質(zhì)量過(guò)硬的強(qiáng)大工具。
codium ai 官網(wǎng)
Quokka
如果你只使用 Python，或根本不需要編寫 JavaScript 代碼，那你可以忽略這個(gè)擴(kuò)展了，因?yàn)?Quokka 是用來(lái)直接在 VS Code 中代碼編輯區(qū)顯示 JavaScript 和 TypeScript 代碼運(yùn)行結(jié)果的擴(kuò)展，不支持 Python 和其他語(yǔ)言。但如果你編寫 JS 或 TS 代碼，那你一定要安裝一下 Quokka，即便是免費(fèi)版的功能也很香哦。
Quokka 示例
好了，這就是本篇文章的全部?jī)?nèi)容了。
本文鏈接：http://www.tebozhan.com/showinfo-26-93853-0.html20個(gè)超實(shí)用的VS Code擴(kuò)展（2024年版）
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請(qǐng)聯(lián)系：2376512515@qq.com 津ICP備18001702號(hào)
津公網(wǎng)安備 12010102000574號(hào)