打造性感好用的VS Code編輯器【已備份】

時間 2019-11-16

標籤打造好用 code 編輯器已備份简体版

原文原文鏈接

官網： https://code.visualstudio.com/css

Blog連接：打造性感好用的VS Code編輯器html

主命令框

F1 或 Ctrl+Shift+P: 打開命令面板。在打開的輸入框內，能夠輸入任何命令，例如：python

按一下 Backspace會進入到 Ctrl+P 模式
在Ctrl+P下輸入>能夠進入Ctrl+Shift+P模式

在 Ctrl+P 窗口下還能夠:git

直接輸入文件名，跳轉到文件
?列出當前可執行的動做
!顯示 Errors或 Warnings，也能夠Ctrl+Shift+M
:跳轉到行數，也能夠 Ctrl+G 直接進入
@跳轉到symbol（搜索變量或者函數），也能夠 Ctrl+Shift+O 直接進入
@根據分類跳轉symbol，查找屬性或函數，也能夠 Ctrl+Shift+O 後輸入:進入
#根據名字查找 symbol，也能夠 Ctrl+T

經常使用快捷鍵

編輯器與窗口管理

打開一個新窗口： Ctrl+Shift+N
關閉窗口： Ctrl+Shift+W
同時打開多個編輯器（查看多個文件）
切出一個新的編輯器（最多 3 個） Ctrl+\，也能夠按住 Ctrl 鼠標點擊 Explorer 裏的文件名
左中右 3 個編輯器的快捷鍵 Ctrl+1 Ctrl+2 Ctrl+3
編輯器換位置， Ctrl+k而後按 Left或 Right

代碼編輯

格式調整

對python文件進行代碼格式化操做時，會提示安裝 autopep8

代碼格式化： Shift+Alt+F，或 Ctrl+Shift+P 後輸入 format code
代碼行縮進: Ctrl+[ 、 Ctrl+]

在當前行下邊插入一行 Ctrl+Enter
在當前行上方插入一行 Ctrl+Shift+Enter

上下移動一行： Alt+Up 或 Alt+Down
向上向下複製一行： Shift+Alt+Up 或 Shift+Alt+Down

光標相關

移動到定義處： F12
定義處縮略圖：只看一眼而不跳轉過去:Alt+F12

移動到文件結尾： Ctrl+End
移動到文件開頭： Ctrl+Home

下面兩個功能和 alt+↑/↓配合，很方便的移動代碼塊：

選擇從光標到行尾： Shift+End
選擇從行首到光標處： Shift+Home

這兩個功能很爽，能夠同時編輯一些變量名：

多行編輯(列編輯)：Ctrl+Alt+Down/Up或者Alt+Shift+鼠標左鍵，
同時選中全部匹配： Ctrl+Shift+L
Ctrl+D 下一個匹配的也被選中 (在 sublime 中是刪除當前行，後面自定義快鍵鍵中，設置與 Ctrl+Shift+K 互換了)

回退上一個光標操做： Ctrl+U
刪除光標右側的全部字： Ctrl+Delete
擴展/縮小選取範圍： Shift+Alt+Left 和 Shift+Alt+Right
移動到後半個括號： Ctrl+Shift+]

重構代碼

查看函數引用和批量休修改函數名，好用：

重命名：好比要修改一個方法名，能夠選中後按 F2，輸入新的名字，回車，會發現全部的文件都修改了
找到全部的引用： Shift+F12
同時修改本文件中全部匹配的： Ctrl+F12
跳轉到下一個 Error 或 Warning：當有多個錯誤時能夠按 F8 逐個跳轉
查看 diff：在 explorer 裏選擇文件右鍵 Set file to compare，而後須要對比的文件上右鍵選擇 Compare with file_name_you_chose

查找替換

查找:Ctrl+F
查找替換:Ctrl+H
整個文件夾中查找:Ctrl+Shift+F

顯示相關

全屏：F11
zoomIn/zoomOut：Ctrl +/-
側邊欄顯/隱：Ctrl+B
顯示資源管理器:Ctrl+Shift+E
顯示搜索:Ctrl+Shift+F
顯示 Git:Ctrl+Shift+G
顯示 Debug:Ctrl+Shift+D
顯示 Output:Ctrl+Shift+U

其餘

自動保存：File -> AutoSave ，或者 Ctrl+Shift+P，輸入 autogithub

VS Code 中文註釋顯示亂碼怎麼辦？

https://www.zhihu.com/questio...
將設置中的"files.autoGuessEncoding"項的值改成true便可。shell

個人配置

{
    "workbench.iconTheme": "vscode-icons",
    "files.autoSave": "onWindowChange",
    // 設置保存時，自動將Python代碼的一些空格給trim掉；
    "files.trimTrailingWhitespace": true,
    // 將一些編譯後而不想在編輯器裏看到的文件隱藏；
    "files.exclude": {
        ".vs*": true,
        "*.*~": true,
        "*.pyc": true,
        "*/*.pyc": true
    },
    "terminal.integrated.rendererType": "dom",
    "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
    "python.formatting.autopep8Args": [
        "--max-line-length=100"
    ],
    "editor.formatOnSave": true,
    "python.linting.pylintEnabled": true,
    "python.linting.pylintArgs": [
        "--include-naming-hint=n",
        "--disable=W0311",
        "--disable=C0103",
        "--disable=E1101"
    ],
    "files.eol": "\n",
    "editor.wordWrap": "on"
}

經常使用擴展

VS Code擴展商店：https://marketplace.visualstu...
json

主題

能夠來主題商城選擇：segmentfault

切換主題的快捷鍵： ctrl+k, ctrl+t

One Dark Pro
Atom One Dark
FlatUI
Material Icon Theme: 圖標主題
vscode-icons
VSCode Great Icons
Dracula Official：主題，推薦
bookmarks：ctrl+alt+l快速跳轉，圖標設置

開發擴展

AutoFileNmae:auto complete file name，自動補全文件的名字
code runner:ctrl+alt+n
Guides:顯示代碼對其輔助線
gitlens:顯示代碼每一行的最新修改人
Beautify:顯示js/json/css美化，按F1
Prettier - Code formatter
Path Intellisense: 路徑匹配
Auto Rename Tag：自動修改標籤
Color Highlight:寫csss時，顏色值會增長對應的顏色背景顯示
Bookmarks：選中行，插入書籤，ctrl+alt+l 書籤跳轉；
Vetur：VUE擴展
open in browser:alt+b選擇瀏覽器預覽文件
Rainbow Brackets：有顏色的顯示括號匹配
Settings Sync: 同步配置

下面介紹一下怎麼設置同步：
ctrl+shift+p，輸入 sync，會看到相關選項，選擇 update/upload settings，而後會輸入 https://github.com/settings/t...。具體的用法，Settings Sync的擴展主頁介紹的很詳細了： https://marketplace.visualstu...