VS Code入門


一、功能介紹

視頻介紹

參考:

https://www.cnblogs.com/qianguyihao/archive/2019/04/18/10732375.html

二、常用設置:

1、鍵映射

如何你當前正在使用VS、Eclipse、Vim、Sublime或者Atom等編輯器,你已經熟悉了這些編輯器的快捷鍵的使用,你想切換到VS Code 還使用這些快捷鍵,這是有辦法解決的,VS Code提供了快捷鍵映射。

image

image

2、將VScode設置成中文。

1.如下圖,安裝中文插件,點擊左邊后,輸入chinese搜索,然后選擇中文件簡體進行安裝。

image

根據提示,完成重啟

image

重啟后界面改成了中文

image

切換語言

按住Ctrl+Shift+P,然后輸入 configure ,如下圖,選擇“配置顯示語言”

可以切換語言

image

3、VSCode配置文件

VS Code的設置文件為setting.json

VSCode通過用戶(user)工作區(workspace)設置實現高度可配置化。

  1. 用戶設置:是應用於所有VSCode實例的全局性設置,會應用於該用戶打開的所有工程;
    每個人都有自己的偏好,在使用VS Code進行開發時,都會根據自己的習慣來對VS Code進行用戶級別的配置。
    用戶設置的文件保存在如下目錄:
  2. - Windows %APPDATA%\Code\User\settings.json

    - Linux $HOME/.config/Code/User/settings.json

  3. 工作區設置:是應用於特定文件夾或項目的局部設置,指使用VS Code打開的某個文件夾,在該文件夾下會創建一個名為.vscode的隱藏文件夾,里面包含着僅適用於當前目錄的VS Code的設置,工作空間的設置會覆蓋用戶的設置。
    當多人共同完成某個項目的時候,該項目會有一定的編碼規范,如: 編輯某個語言時的設置,代碼的縮進等等,這個時候就需要對該項目進行單獨的工作空間級別的設置。
    工作空間設置的文件保存在當前目錄的.vscode文件夾下。

更改默認用戶設置與工作區設置兩種方式

  1. 使用編輯器直接打開setting.json文件進行設置;
    image
  2. 點擊 VS Code 的 文件 > 首選項 > 設置 ,可以打開設置面板進行設置;

image

三、主題集合

可以使用Ctrl+K,Ctrl+T 設置顏色主題

image_thumb[10]

這里介紹幾款我最喜歡的主題給大家使用。

image_thumb[13]

1、Dracula Theme

主題名:Dracula Official

這款主題主調色是偏深紫色,我用了這個主題至少也有2-3年,一直都很喜歡。里面代碼的高亮和顏色都很細致,很適合長期看。這個主題的顏色有根據不同的語言做了適配,無論我們是在開發什么語言都非常好看。
image_thumb[8]

2、Material Theme

主題名:Material Theme

這款也是非常出名的主題,在非常多的IDE/編輯器都有。用習慣這個主題的可以在VSCode中安裝使用。使用量也是有200多萬+。這款主題在我使用SublimeText的時候非常熱愛。(也用了好幾年)
image_thumb[7]

3、Atom One Dark Theme

主題名:Atom One Dark Theme

我認識的一些小伙伴用過Atom,也有這么一部分小伴特別喜歡這個主題。
image_thumb[6]

4、總結

VSCode中還有非常多的主題可以選擇,可以在插件搜索框中輸入theme,就會出來很多的主題供大家自由選擇。

image_thumb[4]

四、圖標主題集合

安裝了編輯器主題,不安裝圖標主題就等同於鮮花插在了 牛糞上。

image_thumb[11]

這里推薦兩款我自己使用過的圖標主題。

image_thumb[12]

1、Material Icon Theme

主題名:Material Icon Theme

占了大部分人都是用這個圖標主題,內含非常齊全的圖標,基本你能想到的文件都在內了。非常推薦使用!
image_thumb[14]

2、VSCode Icons

主題名:vscode-icons

這一款是VSCode官方的圖標主題包,有超過500萬+下載量。可以說是和Material Icon一樣占了另外一大部分人在使用的一款主題。看個人喜好選擇使用。

個人覺得兩款最大的區別在於文件夾。但是覺得Material Icon做的圖標相對更加協調一些。
image_thumb[15]

五、其他插件

1、topper

這個插件的作用是在.pyw文件的開頭添加一些說明header

image

接下來為topper配置一個快捷鍵以便於在python文件中快速插入文件header。

在左下角點擊設置圖標,打開鍵盤快捷方式:

image

在搜索框輸入topper

image

點擊要配置的命令,然后輸入想要設定的快捷鍵,例如我對topper.addTopHeader.persionalProfile設置的快捷鍵為Crtl+T

那么當在一個python文件中按下Crtl+T T時,就會插入header:

image


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM