一款得心應手的IDE,能夠讓開發者效率和幸福感得到極大的提升。
而VS Code這兩年迅速的發展,使它俘獲一大批忠實的用戶。
本文,將從擴展、主題、圖標等全面的介紹如何配置一款讓人爽到起飛的VS Code。
1. 主題
One-dark-pro
編輯切換為居中
添加圖片注釋,不超過 140 字(可選)
我目前正在使用One-dark-pro,這是Atom為VS Code制作的主題,目前已經被很多主流的IDE采用,而且備受歡迎。
除此之外,Bio Dark、Github、Cobalt 2、Cyberpunk也非常值得推薦。
2. 圖標
monokai pro
?
編輯切換為居中
添加圖片注釋,不超過 140 字(可選)
文件圖標能夠增強VS Code編輯器的外觀。它可以幫助我們通過圖標來區分不同的文件和文件夾。
我目前使用monokai pro圖標,這是monokai pro主題的一部分。
3. 擴展
Gitlens
?
編輯切換為居中
添加圖片注釋,不超過 140 字(可選)
多人開發過程中很難繞開git,這是一款在開發過程中使用非常廣泛的版本管理工具。
Gitlens擴展允許你看到是誰?為什么?以及,什么時候?改變了哪些代碼?
Settings sync
如果你不想在更換機器時重復安裝擴展程序、配置VS Code,那么這個擴展就適合你。
通過這款擴展,可以對你的設置、主題、快捷鍵進行同步。如果你切換設備,能夠很便捷的將這些配置同步到新的設備上,避免浪費時間。
Prettier
Prettier是一個代碼格式化工具,它通過解析你的代碼,用它自己的規則對你的代碼進行格式化,從而使你的代碼具有一致且美觀的風格。
將屬性值editor.formatOnSave設置為 "true"或將此屬性添加到你的settings.json文件中,這樣在保存時就能進行代碼格式化。
Vuln Cost - Security Scanner
這個擴展可以發現開放源碼包中的安全漏洞。它在代碼中給出反饋,比如你正在導入的軟件包包含多少個漏洞。
如果掃描器發現任何已知的漏洞,它將建議對這些漏洞進行修復。
這對你保護你代碼的安全性很有幫助。
Indent-Rainbow
這個擴展將文本前面的縮進部分著色,在每一步上交替使用四種不同的顏色。
從而,可以提升代碼的可讀性與清晰度。
4. 快捷鍵
快捷鍵是編碼過程中經常使用,且能夠極大提升效率的部分,這里給大家介紹一些VS Code中非常有用的快捷鍵。
打開和關閉側邊欄
?
編輯切換為居中
添加圖片注釋,不超過 140 字(可選)
- mac — Command + B
- windows — Ctrl + B
- Ubuntu — Ctrl + B
選擇單詞
?
編輯切換為居中
添加圖片注釋,不超過 140 字(可選)
- Mac — Command + D
- Windows — Ctrl + D
- Ubuntu — Ctrl + D
分割編輯器
?
編輯切換為居中
添加圖片注釋,不超過 140 字(可選)
- 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 + [
展開
- 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
快速打開文件
?
編輯切換為居中
添加圖片注釋,不超過 140 字(可選)
- Mac — Command + P
- Windows/Ubuntu — Ctrl + P
命令控制板
?
編輯切換為居中
添加圖片注釋,不超過 140 字(可選)
- Windows/Ubuntu: Ctrl +Shift + P
- Mac: Command + Shift + P
切換標簽
?
編輯切換為居中
添加圖片注釋,不超過 140 字(可選)
- Mac — Command+1, Command+2, Command+3
- Windows/Ubuntu — Ctrl+1, Ctrl+2, Ctrl+3
選中當前行
?
編輯切換為居中
添加圖片注釋,不超過 140 字(可選)
- Mac — Command + L
- Windows/Ubuntu — Ctrl + L
刪除行
- Mac — Command + Shift + K
- Windows/Ubuntu — Ctrl + Shift + K
移動行
- Mac — Option + Up/Down arrow
- Windows/Ubuntu — Alt + Up/Down arrow
查找單詞/短語
如果你需要從當前文件中找到
- Mac — Command + F
- Windows/Ubuntu — Ctrl + F
如果你需要從整個項目中找到
- Mac — Command+Shift + F
- Windows/Ubuntu — Ctrl+Shidt + F
查看定義
- Mac — Option + F12
- Windows/Ubuntu — Alt + F12
重命名
?
編輯切換為居中
添加圖片注釋,不超過 140 字(可選)
- Mac/Windows/Ubuntu — F2
多光標選擇
?
編輯切換為居中
添加圖片注釋,不超過 140 字(可選)
- Mac — Option + Click
- Windows/Ubuntu — Alt + Click
重復行
- Mac — Command + Shift + D
- Windows/Ubuntu — Ctrl + Shift + D
5. 結語
就如開頭所說的那樣,VS Code是開發人員中最常用的代碼編輯器之一,它有一些驚人的功能來幫助開發人員提高編碼速度。
本文介紹了我在使用VS Code過程中各方面的一些總結,希望能夠讓對VS Code感興趣但尚不了解的同學有所幫助!