VSCode 最全實(shí)用插件小結(jié)
一、必備插件
??Chinese（中文）
安裝后，按快捷鍵Ctrl+Shift+P，輸入
configure language
Settings Sync（配置同步到云端）
可以讓我們的vscode配置同步到云端，當(dāng)我們跟換電腦或者再次安裝vscode的時(shí)候，只需要登錄賬號(hào)即可同步配置了
??wakatime（編程時(shí)間及行為跟蹤統(tǒng)計(jì)）
編程時(shí)間及行為跟蹤統(tǒng)計(jì)
二、效率神器
?HTML Snippets（代碼提示）
HTML代碼片段，該插件可為你提供html標(biāo)簽的代碼提示，不用鍵入尖括號(hào)了
??Auto Close Tag（自動(dòng)閉合標(biāo)簽）
自動(dòng)閉合HTML/XML標(biāo)簽
??Bracket Pair Colorizer（括號(hào)做顏色區(qū)分）
括號(hào)做顏色區(qū)分
"workbench.colorCustomizations": {"editorIndentGuide.activeBackground": "#00ffea"}Browser Preview（VSCode里面打開(kāi)瀏覽器）
可以在vscode里面打開(kāi)瀏覽器，一邊編碼一邊查看
??REST Client（接口調(diào)試）
可以在vscode里面進(jìn)行接口調(diào)試，提供豐富的api配置方式，讓我們不用離開(kāi)編輯器也可以隨時(shí)調(diào)用接口調(diào)試
新建一個(gè).http文件，寫(xiě)下基本的測(cè)試代碼，點(diǎn)擊 Send Request即可在右邊窗口查看接口返回結(jié)果，非常nice
??CSS Peek（css樣式查看器）
Partial Diff（文件比較）
文件比較
Npm Intellisense（自動(dòng)完成導(dǎo)入語(yǔ)句中的npm模塊）
可自動(dòng)完成導(dǎo)入語(yǔ)句中的npm模塊
??open in browser（快速打開(kāi)html文件到瀏覽器預(yù)覽）
快速打開(kāi)html文件到瀏覽器預(yù)覽
??Path Intellisense（快速引入文件）
自動(dòng)提示文件路徑，支持各種快速引入文件
??Image preview（預(yù)覽圖片）
鼠標(biāo)懸浮在鏈接上可及時(shí)預(yù)覽圖片
三、Git集成
GitHub Pull requests（ 查看和管理GitHub拉取請(qǐng)求和問(wèn)題）
在Visual Studio Code中查看和管理GitHub拉取請(qǐng)求和問(wèn)題
Git Graph（Git 圖形化顯示和操作）
??GitLens（快速查看更改行或代碼塊的對(duì)象）
GitLens可以幫助您更好地理解代碼。快速查看更改行或代碼塊的對(duì)象
??GitHistory（可查看和搜索git日志以及圖形和詳細(xì)信息）
GitHistory可查看和搜索git日志以及圖形和詳細(xì)信息，同時(shí)還支持分支比較，分支管理等操作
四、美化
??（黑白兩款皮膚）
vscode-icons（漂亮的目錄樹(shù)圖標(biāo)主題）
提供了非常漂亮的目錄樹(shù)圖標(biāo)主題
??Beautify（右鍵鼠標(biāo)一鍵格式化）
在代碼文件右鍵鼠標(biāo)一鍵格式化 html，js，css
Vetur（官方欽定Vue插件）
VScode官方欽定Vue插件，Vue開(kāi)發(fā)者必備。內(nèi)含語(yǔ)法高亮，智能提示，emmet，錯(cuò)誤提示，格式化，自動(dòng)補(bǔ)全，debugger等實(shí)用功能
代碼風(fēng)格規(guī)范類(lèi)插件
??Better Align（代碼優(yōu)雅排版）
代碼優(yōu)雅排版
選中代碼配合組合鍵[Ctrl+Shift+p]，輸入Align即可
Better Comments（豐富注釋顏色）
豐富注釋顏色
自定義樣式，需要寫(xiě)入配置代碼
配置代碼
"better-comments.tags": [ {"tag": "*","color": "#98C379","strikethrough": false,"backgroundColor": "transparent" }]
使用// * 綠色的高亮注釋復(fù)制代碼TODO Tree五、代碼規(guī)范
change-case（變量命名規(guī)范）
變量命名規(guī)范
JavaScript Booster（代碼改進(jìn)）
會(huì)提示對(duì)應(yīng)的不合理原因和改進(jìn)方案
JavaScript (ES6) code snippets（智能提示與快速輸入）
ES6語(yǔ)法智能提示，以及快速輸入
ESlint（嚴(yán)謹(jǐn)?shù)囊?guī)范書(shū)寫(xiě)）
規(guī)范js代碼書(shū)寫(xiě)規(guī)則，如果覺(jué)得太過(guò)嚴(yán)謹(jǐn)，可自定義規(guī)則
TSLint（書(shū)寫(xiě)規(guī)范）
ts的書(shū)寫(xiě)規(guī)范，這個(gè)插件是一個(gè)系列，同時(shí)還提供了TSLint (deprecated)，TSLint Vue，TSLint Vue-TSX
Code Spell Checker（拼寫(xiě)檢查程序）
是拼寫(xiě)檢查程序，檢查不常見(jiàn)的單詞，如果單詞拼寫(xiě)錯(cuò)誤，會(huì)給出警告提示
koroFileHeader（生成文件頭部注釋和函數(shù)注釋?zhuān)?/h3>
在vscode中用于生成文件頭部注釋和函數(shù)注釋的插件，經(jīng)過(guò)多版迭代后，插件：支持所有主流語(yǔ)言,功能強(qiáng)大，靈活方便，文檔齊全，食用簡(jiǎn)單！
不光如此，還能生成一些特別有意思的注釋?zhuān)热邕@一條噴火龍...
六、裝X神器
??Markdown All in One（書(shū)寫(xiě)Markdown）
可以在vscode里面快樂(lè)的書(shū)寫(xiě)Markdown，功能強(qiáng)大。豐富的快捷鍵，邊寫(xiě)邊看，輕松轉(zhuǎn)化為html或pdf文件
vscode-drawio（畫(huà)流程圖）
可以在vscode里面快樂(lè)的畫(huà)流程圖，新建 .drawio 后綴文件并拖入vscode中
Polacode-2020（轉(zhuǎn)化成一張逼格滿滿的圖片）
可以將我們的代碼轉(zhuǎn)化成一張逼格滿滿的圖片
??Live Share（與他人實(shí)時(shí)進(jìn)行協(xié)作式編輯和調(diào)試）
這款神器可以使您能夠與他人實(shí)時(shí)進(jìn)行協(xié)作式編輯和調(diào)試
到此這篇關(guān)于VSCode 最全實(shí)用插件小結(jié)的文章就介紹到這了,更多相關(guān)VSCode 實(shí)用插件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家介紹了我們?cè)谶M(jìn)行目標(biāo)檢測(cè)時(shí)需要用到的mAP概念及公式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-05-05
解決git配置錯(cuò)誤ssh:connect to host github.com
學(xué)習(xí)git時(shí),可能會(huì)碰到遠(yuǎn)程倉(cāng)庫(kù)連接問(wèn)題,解決方法是確保.ssh目錄正確配置,首先,確認(rèn).ssh是隱藏文件夾,可通過(guò)ctrl+h顯示,然后,創(chuàng)建無(wú)后綴的config文件,并填寫(xiě)正確的git郵箱賬號(hào),最后,通過(guò)終端驗(yàn)證配置是否成功,這些步驟有助于解決git遠(yuǎn)程連接的常見(jiàn)問(wèn)題2024-10-10
windows 中 \r\n 區(qū)別于 類(lèi)unix中的\n 疑問(wèn)理解(crlf回車(chē)換行)
windows 中 \r\n 區(qū)別于 類(lèi)unix中的\n 疑問(wèn) 迎刃而解,需要的朋友可以參考下。2011-08-08
git-merge 命令是用于從指定的 commit(s) 合并到當(dāng)前分支的操作，本文重點(diǎn)給大家介紹git merge最簡(jiǎn)潔用法，感興趣的朋友跟隨小編一起看看吧2020-12-12
git?push指令常見(jiàn)選項(xiàng)和用法詳解
Git中的git?push命令用于將本地倉(cāng)庫(kù)的改動(dòng)推送到遠(yuǎn)程倉(cāng)庫(kù),是協(xié)同開(kāi)發(fā)中的重要工具,在團(tuán)隊(duì)合作中,使用git?push和git?pull可以有效維護(hù)項(xiàng)目同步,避免沖突,推送時(shí)若遇到?jīng)_突需先解決后再進(jìn)行推送,需要的朋友可以參考下2024-09-09
前些天不小心刪除了原來(lái)的博客系統(tǒng)，問(wèn)過(guò)godaddy的客服，恢復(fù)數(shù)據(jù)需要150美元，另外還需要提供不少信息，我于是放棄，注冊(cè)了這個(gè)nunumick.me，打算從頭再來(lái)。2011-09-09
關(guān)于提交項(xiàng)目到gitee報(bào)錯(cuò)Push to origin/master was rejected的問(wèn)題
這篇文章主要介紹了提交項(xiàng)目到gitee報(bào)錯(cuò)Push to origin/master was rejected的解決辦法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-10-10
這篇文章主要介紹了vscode 前端最佳配置小結(jié),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
這篇文章主要為大家介紹了kafka不支持讀寫(xiě)分離原理分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11
Git多人協(xié)同開(kāi)發(fā)緊急修復(fù)線上bug操作指南
這篇文章主要為大家介紹了Git多人協(xié)同開(kāi)發(fā)緊急修復(fù)線上bug操作指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06