Microsoft Visual Studio Code

擒賊先擒王發表於2019-01-31

Microsoft Visual Studio Code 中文手冊：https://www.cntofu.com/book/98/README.md
Visual Studio Code 官網：https://code.visualstudio.com
Visual Studio Code 的 10 個超棒特性：https://www.oschina.net/translate/10-awesome-features-of-visual-studio-code
為什麼選擇 Visual Studio Code：https://www.cnblogs.com/frank0812/p/9847622.html
官方快捷鍵大全：https://code.visualstudio.com/docs/customization/keybindings
vscode: Visual Studio Code 常用快捷鍵：http://lzw.me/a/vscode-visual-studio-code-shortcut.html
學會用好 Visual Studio Code：https://blog.csdn.net/qq_22338889/article/details/78790964
在 Visual Studio Code中配置GO開發環境：https://www.cnblogs.com/zsy/p/5223957.html

10 種 JavaScript 開發者必備的 VS Code 外掛：https://baijiahao.baidu.com/s?id=1617711275763901144
Visual Studio Code 最好的功能、外掛和設定：https://www.html.cn/archives/8144
實用的Visual Studio Code外掛：https://www.cnblogs.com/hjpqwer/p/7636643.html

VS code 提示“任務僅可在工作區資料夾上可用”：https://blog.csdn.net/a123gsfd/article/details/77337707

你喜歡 Visual Studio 作為 IDE 的豐富功能，而且用它管理 .Net 程式碼是那麼的舒適。但是，在開始的時候，你需要下載和安裝 Visual Studio（好幾個GB），並且設定你的開發者環境，要做好這一切，甚至只為了寫個“Hello World”應用。相比之下，一個有經驗的大學生可能只是在 Mac 上使用一個輕量級的文字編輯器就開始程式設計了。是時候降低門檻來邀請其他人進入我們的 .Net 的美麗花園中了。

開始使用 Visual Studio Code 吧 —— 一個你喜愛的 Visual Studio 的免費，輕量，跨平臺版本。簡單的安裝之後，你就可以在 Windows、Mac 或 Linux 機器上享受 Visual Studio 的絕大多數功能。

Visual Studio Code 是微軟推出的跨平臺編輯器。它採用經典的VS的UI佈局，功能強大，擴充套件性很強。

安裝完後預設是英文的，可以直接設定簡體中文。

Visual Studio Code設定中文包/配置中文語言：https://blog.csdn.net/u011127019/article/details/82716151

Visual Studio Code 的快捷鍵設定是統一管理的，所以你只需要修改一個檔案就可以了。我們先來看看 Visual Studio Code 的常用快捷鍵。Visual Studio Code 有兩個比較重要的檔案，一個是 setting.json （基本設定），另一個是 keybindings.json（配置快捷鍵檔案）。它們分別在【檔案】-【首選項】-【設定】和【檔案】-【首選項】-【鍵盤快捷方式】。

快捷鍵

vscode: Visual Studio Code 常用快捷鍵：https://lzw.me/a/vscode-visual-studio-code-shortcut.html
VS Code 快捷鍵（中英文對照版）：https://segmentfault.com/a/1190000007688656
如果看不清可以到官網去查閱：https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

主命令框

F1 或 Ctrl+Shift+P: 開啟命令皮膚。在開啟的輸入框內，可以輸入任何命令，例如：

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

在 Ctrl+P 視窗下還可以:

直接輸入檔名，跳轉到檔案
? 列出當前可執行的動作
! 顯示 Errors或 Warnings，也可以 Ctrl+Shift+M
: 跳轉到行數，也可以 Ctrl+G 直接進入
@ 跳轉到 symbol（搜尋變數或者函式），也可以 Ctrl+Shift+O 直接進入
@ 根據分類跳轉 symbol，查詢屬性或函式，也可以 Ctrl+Shift+O 後輸入:進入
# 根據名字查詢 symbol，也可以 Ctrl+T

常用快捷鍵

編輯器與視窗管理

開啟一個新視窗： Ctrl+Shift+N
關閉視窗： Ctrl+Shift+W
同時開啟多個編輯器（檢視多個檔案）
新建檔案 Ctrl+N
檔案之間切換 Ctrl+Tab
切出一個新的編輯器（最多 3 個） Ctrl+\，也可以按住 Ctrl 滑鼠點選 Explorer 裡的檔名
左中右 3 個編輯器的快捷鍵 Ctrl+1 Ctrl+2 Ctrl+3
3 個編輯器之間迴圈切換 Ctrl+
編輯器換位置， Ctrl+k然後按 Left或 Right

程式碼編輯

格式調整

程式碼行縮排 Ctrl+[ 、 Ctrl+]
Ctrl+C 、 Ctrl+V 複製或剪下當前行/當前選中內容
程式碼格式化： Shift+Alt+F，或 Ctrl+Shift+P 後輸入 format code
上下移動一行： Alt+Up 或 Alt+Down
向上向下複製一行： Shift+Alt+Up 或 Shift+Alt+Down
在當前行下邊插入一行 Ctrl+Enter
在當前行上方插入一行 Ctrl+Shift+Enter

游標相關

移動到行首： Home
移動到行尾： End
移動到檔案結尾： Ctrl+End
移動到檔案開頭： Ctrl+Home
移動到定義處： F12
定義處縮圖：只看一眼而不跳轉過去 Alt+F12
移動到後半個括號： Ctrl+Shift+]
選擇從游標到行尾： Shift+End
選擇從行首到游標處： Shift+Home
刪除游標右側的所有字： Ctrl+Delete
擴充套件/縮小選取範圍： Shift+Alt+Left 和 Shift+Alt+Right
多行編輯(列編輯)：Alt+Shift+滑鼠左鍵，Ctrl+Alt+Down/Up
同時選中所有匹配： Ctrl+Shift+L
Ctrl+D 下一個匹配的也被選中 (在 sublime 中是刪除當前行，後面自定義快鍵鍵中，設定與 Ctrl+Shift+K 互換了)
回退上一個游標操作： Ctrl+U

重構程式碼

找到所有的引用： Shift+F12
同時修改本檔案中所有匹配的： Ctrl+F12
重新命名：比如要修改一個方法名，可以選中後按 F2，輸入新的名字，回車，會發現所有的檔案都修改了
跳轉到下一個 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，輸入 auto

修改預設快捷鍵

開啟預設鍵盤快捷方式設定：
File -> Preferences -> Keyboard Shortcuts，或者：Alt+F -> p -> k

修改 keybindings.json：

// Place your key bindings in this file to overwrite the defaults
[
    // ctrl+space 被切換輸入法快捷鍵佔用
    {
        "key": "ctrl+alt+space",
        "command": "editor.action.triggerSuggest",
        "when": "editorTextFocus"
    },
    // ctrl+d 刪除一行
    {
        "key": "ctrl+d",
        "command": "editor.action.deleteLines",
        "when": "editorTextFocus"
    },
    // 與刪除一行的快捷鍵互換
    {
        "key": "ctrl+shift+k",
        "command": "editor.action.addSelectionToNextFindMatch",
        "when": "editorFocus"
    },
    // ctrl+shift+/多行註釋
    {
        "key":"ctrl+shift+/",
        "command": "editor.action.blockComment",
        "when": "editorTextFocus"
    },
    // 定製與 sublime 相同的大小寫轉換快捷鍵
    editor.action.transformToLowercase
    editor.action.transformToUppercase
    {
        "key": "ctrl+k ctrl+u",
        "command": "editor.action.transformToUppercase"
        "when": "editorTextFocus"
    },
    {
        "key": "ctrl+k ctrl+l",
        "command": "editor.action.transformToLowercase"
        "when": "editorTextFocus"
    }
]

前端開發必備外掛

PostCSS Sorting
stylelint
stylefmt
ESLint
javascript standard format
beautify
Babel ES6/ES7
Debugger for Chrome
Add jsdoc comments
javascript(ES6) code snippets
vue
weex
Reactjs code snippets
React Native Tools
Npm Intellisense
Instant Markdown
Markdown Shortcuts
TextTransform

使用等寬字型：

Fira Code

vscode 自定義配置參考：

自定義設定參考