小編給大家分享一下VSCode中日常開(kāi)發(fā)實(shí)用插件有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
Visual Studio Code是一個(gè)輕量級(jí)但功能強(qiáng)大的源代碼編輯器，輕量級(jí)指的是下載下來(lái)的Vs Code其實(shí)就是一個(gè)簡(jiǎn)單的編輯器，強(qiáng)大指的是支持多種語(yǔ)言的環(huán)境插件拓展，也正是因?yàn)檫@種支持插件式安裝環(huán)境開(kāi)發(fā)讓Vs Code成為了開(kāi)發(fā)語(yǔ)言中的霸主，讓同時(shí)支持開(kāi)發(fā)多種語(yǔ)言成為了可能。
俗話說(shuō)的好工欲善其事必先利其器，作為一個(gè)Vs Code老用戶而已我我覺(jué)得安裝一些有用的插件多自己日常的開(kāi)發(fā)效率能夠大大的提升，下面我推薦的是我日常開(kāi)發(fā)中使用的比較多和感覺(jué)起來(lái)還不錯(cuò)的一些插件，同時(shí)會(huì)持續(xù)更新，假如大家覺(jué)得有好的插件而我這里沒(méi)有提到的可以在下面留言我會(huì)補(bǔ)上。
https://code.visualstudio.com/
https://github.com/Microsoft/vscode
https://marketplace.visualstudio.com/
快捷鍵：Ctrl+Shift+X進(jìn)入拓展面板，到應(yīng)用商店文本框中搜索拓展。
拓展名稱：Chinese (Simplified) Language Pack for Visual Studio Code
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans
拓展描述：此中文（簡(jiǎn)體）語(yǔ)言包為 VS Code 提供本地化界面。
拓展名稱：Beautify
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
拓展描述：美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代碼。
拓展名稱：vscode-icons
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
拓展描述：vscode-icons不僅能夠給文件夾、文件添加上舒適的圖標(biāo)，而且可以自動(dòng)檢測(cè)項(xiàng)目，根據(jù)項(xiàng)目不同功能配上不同圖標(biāo)，例如，git、Markdown、配置項(xiàng)、工具類等。
拓展名稱：Auto Close Tag
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
拓展描述：自動(dòng)添加HTML / XML關(guān)閉標(biāo)記，與Visual Studio IDE或Sublime Text相同（對(duì)前端開(kāi)發(fā)的小伙伴非常有用）。
拓展名稱：Better Comments
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
拓展描述：更好的注釋擴(kuò)展將幫助您在代碼中創(chuàng)建更人性化的注釋。使用此擴(kuò)展，您將能夠?qū)⒆⑨尫诸悶椋壕瘓?bào)、查詢、待辦事項(xiàng)、強(qiáng)調(diào)、注釋掉的代碼也可以設(shè)置樣式，以使代碼不應(yīng)該存在、您可以在設(shè)置中指定任何其他注釋樣式。
拓展名稱：ESLint
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
拓展描述：ESLint 是一個(gè)代碼規(guī)范和錯(cuò)誤檢查工具，有以下幾個(gè)特性
1、所有東西都是可以插拔的。你可以調(diào)用任意的rule api或者formatter api 去打包或者定義rule or formatter。
2、任意的rule 都是獨(dú)立的
3、沒(méi)有特定的coding style，你可以自己配置
ESLint配置詳解：https://blog.csdn.net/mafan121/article/details/77965252?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase
拓展名稱：GitLens
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
拓展描述：GitLens內(nèi)置到Visual Studio代碼Git的能力。它可以幫助您通過(guò)Git責(zé)任注釋和代碼鏡頭一目了然地看到代碼作者的身份，無(wú)縫地導(dǎo)航和瀏覽 Git存儲(chǔ)庫(kù)，通過(guò)功能強(qiáng)大的比較命令獲得有價(jià)值的見(jiàn)解，等等。
Vs Code 源代碼管理插件GitLens使用指南：https://www.jianshu.com/p/95a1a06ac0fb
拓展名稱：Git History
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory
拓展描述：Git歷史記錄，搜索和更多內(nèi)容（包括git log）。
拓展名稱：Drawio Preview
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=purocean.drawio-preview
拓展描述：在Vs Code中預(yù)覽繪圖圖文件。
Vs Code中使用Drawio：https://blog.csdn.net/huanglin6/article/details/106239570
拓展名稱：Path Intellisense
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
拓展描述：在編輯器中輸入對(duì)應(yīng)文件的路徑，會(huì)自動(dòng)補(bǔ)全（在Import、Require導(dǎo)入/引入模塊時(shí)非常便捷好用）。
拓展名稱：Vetur
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=octref.vetur
拓展描述：Vue多功能集成插件，包括：語(yǔ)法高亮，智能提示，emmet，錯(cuò)誤提示，格式化，自動(dòng)補(bǔ)全，debugger。vscode官方欽定Vue插件，Vue開(kāi)發(fā)者必備。
拓展名稱：vscode-element-helper
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=ElemeFE.vscode-element-helper
拓展描述：VSCode-Element-Helper是Element-UI的VS Code擴(kuò)展，Element-UI是一個(gè)很棒的庫(kù)。越來(lái)越多的項(xiàng)目使用它。因此，為了幫助開(kāi)發(fā)人員通過(guò)Element-UI編寫(xiě)更高效的代碼。
拓展名稱：Vue VSCode Snippets
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets
拓展描述：Vue 語(yǔ)法片段擴(kuò)展。
拓展名稱：C#
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp
拓展描述：.NET Core的輕量級(jí)開(kāi)發(fā)工具。強(qiáng)大的C＃編輯支持，包括語(yǔ)法突出顯示，IntelliSense，轉(zhuǎn)到定義，查找所有引用等。對(duì).NET Core（CoreCLR）的調(diào)試支持。注意：不支持Mono調(diào)試。桌面CLR調(diào)試的支持有。限。在Windows，macOS和Linux上支持project.json和csproj項(xiàng)目。
使用Vs Code開(kāi)發(fā).NET Core參考該篇博客：https://www.cnblogs.com/yilezhu/p/9926078.html
拓展名稱：Angular Snippets (Version 9)
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2
拓展描述：Visual Studio Code的此擴(kuò)展為T(mén)ypeScript和HTML添加了Angular的代碼片段。
拓展名稱：Debugger for Chrome
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
拓展描述：在Chrome瀏覽器或任何其他支持Chrome Debugger協(xié)議的目標(biāo)中調(diào)試JavaScript代碼。
拓展名稱：Code Runner
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
拓展描述：運(yùn)行多種語(yǔ)言的代碼段或代碼文件C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA,和自定義命令。
拓展名稱：TabNine
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode
拓展描述：這是TabNine（所有語(yǔ)言的自動(dòng)完成程序）的VS Code客戶端。為整個(gè)項(xiàng)目建立索引，讀取.gitignore以確定要索引的文件。使用助記符完成引擎只需幾次按鍵即可鍵入長(zhǎng)變量名。零配置。TabNine開(kāi)箱即用。響應(yīng)速度快：通常會(huì)在不到10毫秒的時(shí)間內(nèi)生成建議列表。
詳細(xì)介紹：https://zhuanlan.zhihu.com/p/73811872
拓展名稱：Icon Fonts
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=idleberg.icon-fonts
拓展描述：icon fonts是一款提供VS Code圖標(biāo)、字體縮寫(xiě)的的插件。雖然看上去很不起眼，但是對(duì)于前端開(kāi)發(fā)，這款工具可以說(shuō)能夠極大的提高開(kāi)發(fā)效率。通過(guò)一些縮寫(xiě)，能夠快速補(bǔ)全icon fonts相關(guān)的代碼片段，這樣能夠減少80%以上的手動(dòng)輸入內(nèi)容。icon fonts支持html、css、less、sass、scss、stylus、jsx、blade、vue。
拓展名稱：Gitlink
插件市場(chǎng)地址：https://marketplace.visualstudio.com/items?itemName=qezhu.gitlink
拓展描述：gitlink是一款輔助和增強(qiáng)VS Code GitHub使用的插件。
它具有如下2個(gè)特性：
轉(zhuǎn)到當(dāng)前文件的在線鏈接。
復(fù)制當(dāng)前文件的在線鏈接到剪切板。
以上是“VSCode中日常開(kāi)發(fā)實(shí)用插件有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
重慶分公司
重慶分公司
