[toc] # 什么是vscode? 1. 微軟出品, 可以理解成Visual Studio的編輯器版本 1. 特點是比sublime開源，比atom更快，比webstorm更輕。 1. 定位是一個全功能的Editor, 插件異常豐富且數量增長迅速 # 下載安裝 [vscode官網](https://code.visualstudio.com/) # 簡單配置 ```json { "window.zoomLevel": 0, "editor.fontFamily": "iA Writer Duospace, microsoft yahei", "editor.lineHeight": 26, "editor.snippetSuggestions": "top", "editor.mouseWheelZoom": true, "editor.cursorStyle": "line-thin", "editor.wordWrap": "off", "extensions.autoUpdate": true, "terminal.integrated.cursorStyle": "line", "terminal.integrated.fontFamily": "office code pro", "terminal.integrated.fontSize": 16, "terminal.integrated.lineHeight": 1.5, "terminal.integrated.shell.windows": "C:\\Windows\\Sysnative\\cmd.exe", "editor.wordBasedSuggestions": true, "editor.suggestFontSize": 16, "editor.suggestLineHeight": 40, "extensions.ignoreRecommendations": true, "code-runner.saveFileBeforeRun": true, "code-runner.runInTerminal": false, "code-runner.preserveFocus": false, "workbench.colorCustomizations": { "editor.selectionBackground": "#000000", "editor.selectionForeground": "#ffffff", "editor.selectionHighlightBorder": "#FFFF4F", "editor.lineHighlightBackground": "#252525" }, "code-runner.clearPreviousOutput": true, "editor.fontWeight": "normal", "editor.formatOnPaste": true, "editor.fontSize": 16, "files.autoSave": "onFocusChange", "editor.formatOnSave": true, "workbench.iconTheme": "vscode-great-icons", "workbench.colorTheme": "monokai-best", "explorer.confirmDelete": false, } ``` # 常用插件 * markdown preview enhanced > 可以實時預覽markdown * sublime text keymap > sublime快捷鍵映射 * code runner > 快速運行腳本代碼 # 如何修改快捷鍵 * Open Keyboard Shortcuts * 根據命令名稱查找 * 輸入快捷鍵組合, 回車確認 # 如何對主題配色進行微調 * 根據名稱定位主題文件 * 修改主題文件并保存 * 主題文件的格式通常有兩種`json`和`xml` * 或者直接修改配置文件([顏色配置](https://code.visualstudio.com/docs/getstarted/theme-color-reference)) # 如何自定義中文字體 * 打開配置文件 * `"editor.fontFamily": "iA Writer Duospace, microsoft yahei",` # 如何調整側邊欄字體大小 * 打開配置文件 * `"window.zoomLevel": 0,` # 等寬字體資源 [Monospaced Fonts](https://www.fontsquirrel.com/fonts/list/classification/monospaced)