[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)