一款得心應(yīng)手的IDE，能夠讓開(kāi)發(fā)者效率和幸福感得到極大的提升。

而VS Code這兩年迅速的發(fā)展，使它俘獲一大批忠實(shí)的用戶。

本文，將從擴(kuò)展、主題、圖標(biāo)等全面的介紹如何配置一款讓人爽到起飛的VS Code。

1. 主題

One-dark-pro

編輯切換為居中

我目前正在使用One-dark-pro，這是Atom為VS Code制作的主題，目前已經(jīng)被很多主流的IDE采用，而且備受歡迎。

除此之外，Bio Dark、Github、Cobalt 2、Cyberpunk也非常值得推薦。

2. 圖標(biāo)

monokai pro

編輯切換為居中

文件圖標(biāo)能夠增強(qiáng)VS Code編輯器的外觀。它可以幫助我們通過(guò)圖標(biāo)來(lái)區(qū)分不同的文件和文件夾。

我目前使用monokai pro圖標(biāo)，這是monokai pro主題的一部分。

3. 擴(kuò)展

Gitlens

編輯切換為居中

多人開(kāi)發(fā)過(guò)程中很難繞開(kāi)git，這是一款在開(kāi)發(fā)過(guò)程中使用非常廣泛的版本管理工具。

Gitlens擴(kuò)展允許你看到是誰(shuí)？為什么？以及，什么時(shí)候？改變了哪些代碼？

Settings sync

如果你不想在更換機(jī)器時(shí)重復(fù)安裝擴(kuò)展程序、配置VS Code，那么這個(gè)擴(kuò)展就適合你。

通過(guò)這款擴(kuò)展，可以對(duì)你的設(shè)置、主題、快捷鍵進(jìn)行同步。如果你切換設(shè)備，能夠很便捷的將這些配置同步到新的設(shè)備上，避免浪費(fèi)時(shí)間。

Prettier

Prettier是一個(gè)代碼格式化工具，它通過(guò)解析你的代碼，用它自己的規(guī)則對(duì)你的代碼進(jìn)行格式化，從而使你的代碼具有一致且美觀的風(fēng)格。

將屬性值editor.formatOnSave設(shè)置為 "true"或?qū)⒋藢傩蕴砑拥侥愕膕ettings.json文件中，這樣在保存時(shí)就能進(jìn)行代碼格式化。

Vuln Cost - Security Scanner

這個(gè)擴(kuò)展可以發(fā)現(xiàn)開(kāi)放源碼包中的安全漏洞。它在代碼中給出反饋，比如你正在導(dǎo)入的軟件包包含多少個(gè)漏洞。

如果掃描器發(fā)現(xiàn)任何已知的漏洞，它將建議對(duì)這些漏洞進(jìn)行修復(fù)。

這對(duì)你保護(hù)你代碼的安全性很有幫助。

Indent-Rainbow

這個(gè)擴(kuò)展將文本前面的縮進(jìn)部分著色，在每一步上交替使用四種不同的顏色。

從而，可以提升代碼的可讀性與清晰度。

4. 快捷鍵

快捷鍵是編碼過(guò)程中經(jīng)常使用，且能夠極大提升效率的部分，這里給大家介紹一些VS Code中非常有用的快捷鍵。

打開(kāi)和關(guān)閉側(cè)邊欄

編輯切換為居中

• Mac — Command + B

• Windows — Ctrl + B

• Ubuntu — Ctrl + B

選擇單詞

編輯切換為居中

• Mac — Command + D

• Windows — Ctrl + D

• Ubuntu — Ctrl + D

分割編輯器

編輯切換為居中

• Mac — Command + \ or 2,3,4

• Windows — Shift + Alt + \ or 2,3,4

• Ubuntu — Shift + Alt + \ or 2,3,4

代碼折疊

折疊

• Windows/Ubuntu — Ctrl + Shift + [

• Mac — Command+ Option + [

展開(kāi)

• Windows/Ubuntu — Ctrl + Shift + ]

• Mac — Command+ Option + ]

拷貝到上一行/下一行

• Mac — Shift + Option + Up/Down

• Windows — Shift + Alt + Up/Down

• Ubuntu — Ctrl + Shift + Alt + Up/Down

代碼格式化

• Windows — Shift + Alt + F

• Mac — Shift + Option + F

• Ubuntu — Ctrl + Shift + I

快速打開(kāi)文件

編輯切換為居中

• Mac — Command + P

• Windows/Ubuntu — Ctrl + P

命令控制板

編輯切換為居中

• Windows/Ubuntu: Ctrl +Shift + P

• Mac: Command + Shift + P

切換標(biāo)簽

編輯切換為居中

• Mac — Command+1, Command+2, Command+3

• Windows/Ubuntu — Ctrl+1, Ctrl+2, Ctrl+3

選中當(dāng)前行

編輯切換為居中

• Mac — Command + L

• Windows/Ubuntu — Ctrl + L

刪除行

• Mac — Command + Shift + K

• Windows/Ubuntu — Ctrl + Shift + K

移動(dòng)行

• Mac — Option + Up/Down arrow

• Windows/Ubuntu — Alt + Up/Down arrow

查找單詞/短語(yǔ)

如果你需要從當(dāng)前文件中找到

• Mac — Command + F

• Windows/Ubuntu — Ctrl + F

如果你需要從整個(gè)項(xiàng)目中找到

• Mac — Command+Shift + F

• Windows/Ubuntu — Ctrl+Shidt + F

查看定義

• Mac — Option + F12

• Windows/Ubuntu — Alt + F12

重命名

編輯切換為居中

• Mac/Windows/Ubuntu — F2

多光標(biāo)選擇

編輯切換為居中

• Mac — Option + Click

• Windows/Ubuntu — Alt + Click

重復(fù)行

• Mac — Command + Shift + D

• Windows/Ubuntu — Ctrl + Shift + D

5. 結(jié)語(yǔ)

就如開(kāi)頭所說(shuō)的那樣，VS Code是開(kāi)發(fā)人員中最常用的代碼編輯器之一，它有一些驚人的功能來(lái)幫助開(kāi)發(fā)人員提高編碼速度。

本文介紹了我在使用VS Code過(guò)程中各方面的一些總結(jié)，希望能夠讓對(duì)VS Code感興趣但尚不了解的同學(xué)有所幫助！