VisualStudioCode使用指南

NO IMAGE

0. 下載和安裝

關於 Visual Studio Code,引用 維基百科 的解釋:

Visual Studio Code(簡稱VS Code)是一個由微軟開發的,同時支持Windows、Linux和macOS系統且開放源代碼的代碼編輯器,它支持測試,並內置了Git 版本控制功能,同時也具有開發環境功能,例如代碼補全(類似於 IntelliSense)、代碼片段和代碼重構等,該編輯器支持用戶個人化配置,例如改變主題顏色、鍵盤快捷方式等各種屬性和參數,還在編輯器中內置了擴展程序管理的功能

我們直接在官網下載即可,並且 Visual Studio Code 支持 MacOS,Windows,Linux 系統,具體的安裝流程這裡以 Linux 為主

進入官網,根據自己 Linux 的版本選擇 .deb 或者是 .rpm 格式的安裝文件,這裡 Cris 是 Deepin 系統,選擇 .deb

VisualStudioCode使用指南

下載完畢後,直接雙擊安裝即可,此時啟動器就會出現 Visual Studio Code 的圖標

VisualStudioCode使用指南

我們點擊即可打開 Visual Studio Code ,界面如下

VisualStudioCode使用指南

如果你的界面和我不一致很正常,因為Visual Studio Code 有很多好看的主題可選,後續我會推薦幾個不錯的主題~

1. 定製

Visual Studio Code 的安裝十分傻瓜式,但是想要用好這款軟件,可就不那麼簡單了,所幸 Visual Studio Code 提供了強大的幫助,可以讓我們的開發事半功倍,接下來 Cris 就將自己如何定製 Visual Studio Code 的過程記錄下來,感興趣的朋友可以根據自己需要查看。

任何一款 IDE(ntegrated Development Environment),好看的外觀是吸引使用者的第一點,流暢簡約的使用體驗是最基本的要求,而豐富好用的插件可以做到錦上添花,最後就是各種各樣的快捷鍵可以為使用者提供行雲流水的操作感。Visual Studio Code 基本都滿足了以上要求,對於各個語言的開發人員來說,都是非常值得嘗試的

1.1 中文插件

Visual Studio Code 剛下載下來,界面應該都是英文的。我們可以使用一款中文插件來提高 Visual Studio Code 的使用體驗,降低使用門檻,對於第一次上手的使用者來說,是十分貼心的,並且 Visual Studio Code 的中文化是 Cris 個人覺得做的十分到位。

在插件中心(或者也叫應用商店),輸入 Chinese 即可

VisualStudioCode使用指南

排名第一位的應該就是 Chinese (Simplified) Language Pack for VS Code 這款插件,直接點擊安裝即可,然後點擊插件,在插件主頁點擊重新加載,就可以發現 Visual Studio Code 整體界面變成了中文

VisualStudioCode使用指南

對比其他 IDE,Visual Studio Code 的插件庫是個人感覺做的最好的,也難怪深受很多開發者的喜愛!

1.2 簡單設置界面顯示

剛下載下來,整體界面的文字偏下,我們可以簡單設置一下,使用 ctrl+, 這個快捷鍵,直接來到設置界面,可以對常用的設置進行搜索和設置,輸入 font 即可

VisualStudioCode使用指南

這裡設置完畢字體大小後,建議設置自動格式化當前行,這樣子在鍵入下一行的時候,編輯器會自動格式化上一行代碼,參考其他博客的時候,很多都提到了 setting.json 用於對編輯器進行設置,可以在打開設置的時候,選中右邊的json 圖標,進行修改

VisualStudioCode使用指南

然後點擊左上角的文件選項,選中自動保存,這樣子就可以不用手動保存文件了

1.3 第一個Python 程序

Cris 主要是用 Visual Studio Code 寫一點 Python,簡單介紹一下如何配置 Visual Studio Code 的Python 環境

直接在插件中心輸入 Python,就可以下載 Python 的插件了

VisualStudioCode使用指南

下載完畢後,就可以直接使用了(前提是你的本地電腦已經安裝好了 Python 環境,並且配置了環境變量,Visual Studio Code 執行 Python 文件的時候會自動去查詢本機環境變量中的 Python 解釋器)

Cris 本機有 Deepin 自帶的 Python 環境,也有之前使用的 Anaconda 環境,可以點擊左下角進行切換,十分方便

VisualStudioCode使用指南

如何安裝 Python 環境或者 Anaconda ,這裡不再贅述了,網上很多博客都有寫

如果想要指定工作區的Python環境,可以通過工作區的 setting.json 覆蓋掉用戶設置

VisualStudioCode使用指南

Visual Studio Code 中用戶配置可以覆蓋默認配置,工作區配置可以覆蓋用戶配置,而工作區通常指的就是當前的一個項目工作目錄

接下來我們書寫第一個Python 文件,直接 ctrl+n 新建一個文件,然後輸入 ctrl+shift+p,可以更改當前文件的語言環境(Python or html or js…),輸入Python 後,Visual Studio Code 默認當前文件為 Python 文件

VisualStudioCode使用指南

ctrl+s 保存為 .py 結尾的Python文件,輸入以下 Python 代碼

print("hello")
number = input("input number:")
print(number)
def get_name(name):
print("hello," + name)
get_name("curry")

然後鼠標右鍵,選擇在當前終端中執行 Python 文件

VisualStudioCode使用指南

可以發現,新建的 Python 文件被成功執行了

1.4 快捷鍵

首先,Visual Studio Code 的快捷鍵十分有意思,可以分為三大類

  1. ctrl+k z:這種快捷鍵首先需要按下ctrl和k,然後鬆開按下z,可以切換 禪模式
  2. ctrl+k ctrl+o:這種快捷鍵需要按下 ctrl和k,然後ctrl不放,鬆開k並按下o,可以打開文件夾
  3. ctrl+shift+p:一起按下 ctrl,shift和p 鍵,調出命令幫助菜單

雖然這樣子設計可以使快捷鍵更加豐富,但是對於新手來說,無疑是增加了快捷鍵的上手難度,感興趣的同學可以根據自己需要設置快捷鍵

通過 ctrl+k ctrl+s 可以自定義快捷鍵

VisualStudioCode使用指南

關於快捷鍵的設置,Cris 參考了這篇博客 和 這篇文章

建議大家根據自己平時的使用習慣來設置快捷鍵,Cris 根據之前使用的 IDEA 來設置 Visual Studio Code 的快捷鍵,儘量保持一直,同時建議公司中同一小組的同事可以儘量統一快捷鍵,這樣子不管是別人幫自己調 bug,還是自己幫別人解決 bug,都可以節省很多時間~

接下來,我會將自己常用的快捷鍵記錄下來,大家參考就好

  1. ctrl+shift+p:用於調出命令幫助菜單,對於一些功能或者命令,可以通過這個菜單進行查找,例如輸入 git

    VisualStudioCode使用指南

  2. ctrl+f:當前文件查找,還可以對查找到的內容進行替換

    VisualStudioCode使用指南

  3. ctrl+k+o:打開一個文件夾

  4. ctrl+o:打開一個文件

  5. ctrl+k ctrl+t:打開主題快速切換欄

    VisualStudioCode使用指南

    關於主題的選擇,Cris 推薦Atom One Dark Theme,Material Theme,One Monokai Theme,Palenight Theme,當前你也可以根據自己喜好在應用商店選擇合適的主題

  6. ctrl+k+s:快捷鍵設置界面,自定義快捷鍵

  7. ctrl+l+a:修改當前新建的未命名文件的語言環境

  8. ctrl+w:關閉編輯器(Visual Studio Code 中,每一個文件的編輯頁面統稱為編輯器)

  9. ctrl+h:全局搜索

  10. ctrl+,:用戶設置界面,推薦將遊標的樣式設置如下

    VisualStudioCode使用指南

  11. 切換行註釋:ctrl+/

  12. ctrl+alt+↓:向下複製一行,向上複製一行同理(是不是感覺和IDEA 或者 eclipse 特別像)

  13. ctrl+c:可以複製當前行

  14. ctrl+d:刪除當前行

  15. alt+↓:向下移動行,向上移動行同理

  16. ctrl+shift+/:切換塊註釋(尷尬的是 Python 中不可用)ctrl+shift+/ f 可以對塊註釋摺疊

  17. ctrl+g:移動至指定行號行

  18. ctrl+p:顯示最近打開的文件編輯器

    VisualStudioCode使用指南

  19. ctrl+tab:切換當前打開的所有編輯器

  20. ctrl+q:退出 Visual Studio Code

  21. ctrl+shift+f:格式化當前文件(寫Python 文件使用這個快捷鍵,Visual Studio Code 右下端會自動提示安裝 pep8 插件,點擊yes即可,後續的所有 Python 文件就可以一鍵格式化了)

  22. 光標移動至文件:ctrl+alt+c 可以複製當前文件的絕對路徑;ctrl+shift+alt+c 可以複製當前文件的相對路徑;ctrl+alt+o 可以打開文件所在的文件夾

  23. f2:變量名或者文件名重命令

  24. ctrl+光標點擊方法名/類名:跳轉至定義處

  25. ctrl+`:打開終端

  26. f11:全屏切換

  27. ctrl+k,z:切換禪模式

    VisualStudioCode使用指南

  28. alt+e:打開資源管理側邊欄

  29. alt+d:調試側邊欄

  30. alt+x:應用商店側邊欄

  31. alt+b:側邊欄toggle

  32. 操作前進/後退:ctrl+alt+←/→

  33. alt:焦點移動至菜單欄,全屏模式下可以對菜單欄 toggle

  34. alt+r:終端執行當前 Python 文件

  35. ctrl+k,v:打開側邊欄預覽(例如 markdown 文件),這裡建議設置一下 markdown 的換行

    VisualStudioCode使用指南

  36. 編輯器的切換:ctrl+pageOn/pageDown,左右切換編輯器,alt+數字鍵,指定切換編輯器

待續…

1.5 插件

相關文章

最新IDEA和Maven集成問題和解決

Anaconda(miniconda)和JupyterNotebook使用大揭祕

Cris帶你快速入門Flink

Anaconda使用和VisualStudioCode,PyCharm對接全解析