vscode插件配置參考


Extensions(拓展,一般習(xí)慣上簡稱為插件,有的 IDE 里稱之為"Plugins",VS?Code?里稱之為 Extension)可以說是?VS?Code?的精髓所在,僅靠免費(fèi)開源還不能讓?VS?Code 這么"打遍天下無敵手",豐富多彩、功能強(qiáng)大的插件生態(tài)才是 VS?Code?一路高歌猛進(jìn)的主要原因。

VS?Code?的插件官網(wǎng)為:?https://marketplace.visualstudio.com/VSCode/

剛安裝的 VS?Code?也是有一些內(nèi)置插件的,可以通過如下圖所示的方法查看初始內(nèi)置的插件具體都有哪些:

查看自己已安裝的插件方法內(nèi)置,在篩選條件里將?@builtin?換成?@installed?即可
僅有內(nèi)置插件自然是不夠的,這時(shí)候就需要根據(jù)具體需要額外安裝第三方插件,VS?Code 支持以離線方式安裝插件,適合不能直接聯(lián)外網(wǎng)的開發(fā)/測試環(huán)境。離線安裝插件的方式大體有兩種,一種可參考我以前寫的?VS?Code文檔:https://shimo.im/docs/RiB8GSK6Dz8UyIcD/
另一種比較簡單粗暴,以?Windows 系統(tǒng)為例,直接找已經(jīng)配置好插件的朋友/同事,從其開發(fā)機(jī)上的拷貝?C:\Users\用戶名\.vscode\extensions\?目錄下的所有內(nèi)容,粘貼到自己開發(fā)機(jī)的相同目錄里,重啟?VS?Code,所有插件會自動以最新版本生效,此時(shí)再將自己不需要的插件卸載或禁用即可。

以?Vim?插件為例(在 Vim?還沒有搓熟之前一般不會一直開著這個(gè)插件,因?yàn)閱⒂煤笫髽?biāo)將不再正常工作,如果您是?Vim?大佬本來就是純鍵盤編碼不怎么用鼠標(biāo)的,這個(gè)插件就可以一直開著,否則還是更適合只在想要練習(xí)?Vim?的時(shí)候開啟):


稍微推薦幾個(gè)好用的插件(這里只推薦不受限于語言類別的插件):
Bracket Select
插件主頁:https://marketplace.visualstudio.com/items?itemName=chunsen.bracket-select/
安裝這個(gè)插件后可以非常方便地選取成對符號(各種括號和引號)里的文本內(nèi)容,請看它自己的介紹:
This is a simple plugin that support to quick select text between matched brackets. This plugin support?
()
,?{}
?and?[]
,""
,?''
, and can not be customized.type?
alt+a
?to select text between brackets. If you wish to select more, just press it again.If you slected more than you want, at anytime, just press?
alt+z
(undo selection), you will bring the previous selections back.

快捷鍵是?alt+a ,當(dāng)按下此快捷鍵時(shí),將選取距離光標(biāo)最近的一對括號或引號里的文本,再按依次則再往外找一層,alt+z 則回退一層,也就是多層括號、引號嵌套的情況也能處理,同時(shí)也支持多行模式(如上方gif圖所示)
PS:VS?Code?多行模式需要按住?alt?鍵后移動光標(biāo)并點(diǎn)擊,多行模式下的編輯操作完成后按?Esc?可退出多行模式。

Toggle?Case
插件主頁:https://marketplace.visualstudio.com/items?itemName=PranshuAgrawal.toggle-case/
這個(gè)插件用來快速切換標(biāo)識符(主要是變量名)的范式(如大小寫、大小駝峰轉(zhuǎn)換),它支持的范式非常豐富:
Case Supported
You can toggle through multiple cases, you can find the complete list below:
UPPERCASE
lowercase
Title Case
camelCase
CONSTANT_CASE
dot.case
Header-Case
kebab-case
PascalCase
path/case
Sentence case
snake_case
這些范式默認(rèn)是全部開啟的,多次按下快捷鍵?ctrl+m 切換時(shí),會依次循環(huán)切換,實(shí)際運(yùn)用中一般不需要這么多,可在配置文件settings.json里將不需要的用到范式配置為禁用:

Git?插件

Todo Tree
插件主頁:?https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree/
這個(gè)插件用來管理待辦事項(xiàng),功能強(qiáng)大,配置多樣,具體請參考其主頁上的說明文檔。
Live?Server
插件主頁:https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer/
這個(gè)插件用來自動加載熱部署前端頁面相關(guān)的文件(.html/.js/.ts/.css),有了它之后調(diào)試前端頁面再也不需要不停地手工去點(diǎn)擊瀏覽器上的刷新按鈕。
Code Runner
插件主頁:https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner/
《Visual?Studio?Code權(quán)威指南》的作者?韓駿?老哥寫的強(qiáng)大插件,可以運(yùn)行多種類型的語言。

OK,這次有關(guān)?VS?Code?的插件配置參考就到這里。各位朋友如果還有其他比較好的關(guān)于 VS?Code 插件的配置參考或推薦,歡迎在評論區(qū)留言。如發(fā)現(xiàn)任何錯(cuò)誤(錯(cuò)別字也算),也請不吝賜教于評論區(qū)指出,謝謝大家!祝各位編碼愉快~~?贊美太陽?。?!
最后順便一提?Bilibili?專欄的原創(chuàng)聲明不代表我的真實(shí)意愿,它說的是"
",我的意愿是" "。