vscode入門:熟悉vscode和初級配置

工欲善其事必先利其器。
提高效率需要藉助於合適的工具,更需要自己熟練使用,積累久了便可自成體系風格。

一 安裝和首次啓動

登錄vscode官網,下載對應平臺的安裝包安裝即可,下載安裝的過程中可以瞭解一下release notes,看看官方文檔。

1 修改顯示語言

默認是英文界面,可以修改成中文(初期爲了熟悉工具,最好使用熟悉的語言,英語大神可以跳過這一步)。

  1. 點擊界面左下角的設置按鈕,選擇最上面的Command Palette... (Ctrl+Shift+P),命令面板很常用,必須記住其快捷鍵;
  2. 在彈出的命令窗口輸入Configure Display Language,這是看到只有一個選擇en,選擇底部的Install additional languages...
  3. 這時左邊邊欄打開了擴展安裝界面,列出來的就是一些語言包,選擇中文簡體Install即可
  4. 下載完成右下角就會提示需要重啓,點擊Restart Now等待重啓,界面即可變成中文。

2 啓動界面

首次啓動會顯示歡迎頁面,如下圖:

我們可以着重關注右下角的學習部分,交互演練可以讓你快速體驗vscode的一些常用功能和快捷鍵,值得一試;其次是幫助中的提示和技巧,快捷鍵速查;自定義部分也可以幫助我們快速設置主題和快捷鍵。

二 界面元素和設置界面

vscode的界面有幾個部分:

  1. 活動欄,Ctrl+Shift+{E/F/D/X}分別打開文件列表、搜索、調試和擴展;熟記快捷鍵後可以隱藏活動欄
  2. 側邊欄,快捷鍵Ctrl+B隱藏或顯示
  3. 編輯欄,編輯器
  4. 面板欄,"Ctrl+`"可以顯示隱藏終端
  5. 狀態欄,顯示各種狀態或者配置信息

如下圖:

設置分爲用戶和工作區:

  1. 用戶:設置全局有效,配置文件保存在系統用戶目錄下
  2. 工作區:針對當前工作區,配置文件保存在工作區內
  3. 熟悉以後可以直接修改配置文件
  4. 打開設置的快捷鍵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的高級設置在後續的文章中介紹。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章