工欲善其事必先利其器。
提高效率需要藉助於合適的工具,更需要自己熟練使用,積累久了便可自成體系風格。
一 安裝和首次啓動
登錄vscode官網,下載對應平臺的安裝包安裝即可,下載安裝的過程中可以瞭解一下release notes,看看官方文檔。
1 修改顯示語言
默認是英文界面,可以修改成中文(初期爲了熟悉工具,最好使用熟悉的語言,英語大神可以跳過這一步)。
- 點擊界面左下角的設置按鈕,選擇最上面的
Command Palette... (Ctrl+Shift+P)
,命令面板很常用,必須記住其快捷鍵; - 在彈出的命令窗口輸入
Configure Display Language
,這是看到只有一個選擇en
,選擇底部的Install additional languages...
; - 這時左邊邊欄打開了擴展安裝界面,列出來的就是一些語言包,選擇
中文簡體
Install即可 - 下載完成右下角就會提示需要重啓,點擊
Restart Now
等待重啓,界面即可變成中文。
2 啓動界面
首次啓動會顯示歡迎頁面,如下圖:
我們可以着重關注右下角的學習部分,交互演練可以讓你快速體驗vscode的一些常用功能和快捷鍵,值得一試;其次是幫助中的提示和技巧,快捷鍵速查;自定義部分也可以幫助我們快速設置主題和快捷鍵。
二 界面元素和設置界面
vscode的界面有幾個部分:
- 活動欄,
Ctrl+Shift+{E/F/D/X}
分別打開文件列表、搜索、調試和擴展;熟記快捷鍵後可以隱藏活動欄 - 側邊欄,快捷鍵
Ctrl+B
隱藏或顯示 - 編輯欄,編輯器
- 面板欄,"Ctrl+`"可以顯示隱藏終端
- 狀態欄,顯示各種狀態或者配置信息
如下圖:
設置分爲用戶和工作區:
- 用戶:設置全局有效,配置文件保存在系統用戶目錄下
- 工作區:針對當前工作區,配置文件保存在工作區內
- 熟悉以後可以直接修改配置文件
- 打開設置的快捷鍵
Ctrl+,
如下圖:
三 實用的配置
有一些vscode的默認配置並不是很實用,所以需要做一些個性修改。
點擊左下角的設置按鈕,選擇Settings
,或者使用快捷鍵Ctrl+,
。
1 自動保存
默認關閉,建議開啓,設置爲afterDelay
。
因爲有時候語法檢查需要在保存之後纔會刷新,每次改完手動保存效率太低(這一點CLion做的更好,語法檢查和文件保存是分開的)。
也可以直接修改配置文件,如下圖:
在配置文件中對應的就是下面這一行,延遲時間默認就好:
"files.autoSave": "afterDelay",
2 刪除行尾的空格
爲了保持代碼簡潔乾淨,行末的空格一般不需要保存。
"files.trimTrailingWhitespace": true,
3 排除文件
爲了保持vscode邊欄資源管理器的簡潔,建議設置隱藏有一些無需更改的目錄。例如第三方庫或者編譯臨時文件,按實際需求配置。
"files.exclude": {
...
"**/node_modules": true
},
4 字體設置
推薦使用等寬字體,強烈推薦:
對於程序員來說,一款好的字體應該能夠明確區分0、o和O,1、l和I,有時是能減少不少bug的(手動滑稽),當然主要的還是要順眼,長時間看代碼不至於讓眼睛太累。
設置如下:
"editor.fontFamily": "'DejaVu Sans Mono','Hack'",
5 自動插入右括號和引號
這是一個效率設置,默認是按語言定義,但是有時候並不能正常工作,建議改爲always
。
比如在Python代碼中,如果是f-string內要加表達式,輸入大括號後並不會自動添加右括號,希望以後會修復。自動插入能提高不少效率。
"editor.autoClosingBrackets": "always",
"editor.autoClosingQuotes": "always",
6 顯示所有空白字符
這是爲了檢查不可見字符是否正確,建議開啓。
比如python縮進可以統一是tab或者空格,但是縮進要一致,開啓顯示所有空白字符可以一眼就分辨出tab和4個空格;其次也可以是爲了代碼風格統一的要求,儘早發現問題。
"editor.renderWhitespace": "all",
7 禁止編輯器滾動過頭
默認情況下vscode編輯器可以滾動到代碼只剩最後一行在頂端,建議關閉。
滾動到只剩一行代碼,然後下面全部空白,竊以爲這個設計並不好,滾動到最後面對一個不能編輯的大面積空白屏幕,着實有些浪費眼睛的注意力。
"editor.scrollBeyondLastLine": false,
8 開啓折行
默認是關閉的,不管一行代碼多長,vscode並不會折行顯示,建議開啓。
開啓以後可以看到完整內容,而不需要手動去滑動窗口或者底部的滾動條。
"editor.wordWrap": "on",
9 主題
這就主要看個人喜好,包括界面主題和圖標主題,原則是對眼睛友好。可以在擴展裏面自行安裝,安裝前可去官方的Marketplace慢慢挑選。
對比多款主題後,筆者使用的是如下配置:
{
"workbench.colorTheme": "One Dark Pro",
"workbench.iconTheme": "material-icon-theme",
"workbench.preferredDarkColorTheme": "One Dark Pro",
"workbench.preferredLightColorTheme": "Atom One Dark",
"workbench.tree.indent": 16
}
四 插件
信奉少即是多,如果你對一個插件不是強需求,就不要添加,一切基於自己的需求,以下的推薦也是,如果用不到跳過即可。
1 Sort lines
編寫代碼的時候可能需要按行排序內容,這個插件就能幫上大忙。
鏈接:Sort lines
2 Sort JSON objects
如果要排序JSON對象(比如vscode的配置文件settings.josn),那就需要這個插件了。排序後簡直神清氣爽,無比舒適。
鏈接:Sort JSON objects
3 Keymap插件
有很多其他編輯器的keymap插件可以快速設置vscode的快捷鍵成自己熟悉的模樣:
- Vim
- Sublime Text Keymap
- Atom Keymap
五 快捷鍵
掌握使用頻率高的功能的快捷鍵,是提高效率的重要方式。
重點是功能,具體快捷鍵可以自行設定,按自己的喜好,效率至上;
如果有衝突,可以按使用頻率優先配置,或者取消衝突的功能的快捷鍵。
以下快捷鍵以Windows爲例,大部分快捷鍵MacOS只需要把
Ctrl
換成Cmd
1 工作區快捷鍵
Win快捷鍵 | 功能 | 備註 |
---|---|---|
Crtl+Shift+P | 顯示命令面板 | 很常用 |
Crtl+Shift+N | 新建軟件窗口 | 很常用 |
Ctrl+Shift+W | 關閉當前軟件窗口 | |
Ctrl+B | 顯示或者隱藏側邊欄 | 實用 |
Ctrl+N | 新建文件 | 默認新建未命名文件 |
Ctrl+W | 關閉當前文件 | 常用 |
Ctrl+R | 打開最近的文件 | 打開最近使用的項目 |
2 編輯器快捷鍵
快捷鍵 | 功能 | 備註 |
---|---|---|
Ctrl+X | 剪切當前行 | 同時複製 |
Ctrl+F | 在文件內搜索 | 必須會的 |
Ctrl+Shift+F | 搜索目錄 | |
Ctrl+G | 跳轉到指定行 | 根據錯誤提示行號快速跳轉 |
Ctrl+P | 在項目內的文件間跳轉 | 打開另外的文件,避免手動導航 |
Alt+↑\↓ | 上下移動當前行 | 實用得很 |
Alt+Shift+↑\↓ | 向上\下複製當前行 | 複製代碼常用 |
更多快捷鍵參考官方文檔。
也可以使用快捷鍵Ctrl+K Ctrl+S
自行修改或定義。
快捷鍵不需要記的太多,把最常用的記住即可。
以上就是vscode的基本設置,vscode針對Pyhton和C的高級設置在後續的文章中介紹。