VSCode的使用

发表于 分类于 阅读次数： 本文字数： 3.3k
VSCode插件和配置介绍，以及一些遇到的使用问题解决方法

基础配置

settings.json（首选项，打开设置）的配置：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
{
    "editor.fontSize": 18,
    "editor.wordWrap": "on",
    "editor.rulers": [
    100
    ],
    "editor.renderControlCharacters": true,
    "editor.renderWhitespace": "all",
    "terminal.integrated.cursorBlinking": true,
    "terminal.integrated.cursorStyle": "line",
    "terminal.integrated.fontSize": 20,
    "workbench.tree.indent": 16,
    "emmet.extensionsPath": "",
    "python.linting.flake8Enabled": true,
    "python.formatting.provider": "yapf",
    "python.linting.flake8Args": [
        "--max-line-length=256",
        "--extend-ignore=F821"
    ],
    "python.linting.pylintEnabled": false,
    "editor.minimap.enabled": false
}
  • editor.wordWrpa - 代码自动换行
  • editor.rulers - 设置一个代码单行最长提示线
  • editor.renderControlCharacters - 是否显示控制字符(如tab)
  • editor.renderWhitespace - 什么情况下显示空格(可设置为all)
  • terminal.integrated.cursorBlinking - 集成终端光标是否闪烁
  • terminal.integrated.cursorStyle - 集成终端光标样式
  • terminal.integrated.fontSize - 集成终端字体大小
  • python.linting.flake8Enabled - 设置flake8工具是否开启
  • python.formatting.provider - 设置python的格式化工具
  • python.linting.flake8Args - 设置flake8的检查规则
    • --max-line-length - 设置单行的最长长度
    • --extend-ignore - 设置排除的检查
  • python.linting.pylintEnable - 设置pylint是否开启
  • editor.occurrencesHighlight - 设置光标所在单词是否高亮
  • workbench.editor.enablePreview - 是否允许查找文件后保持预览
  • Editor.Links - 控制编辑器中是否检测链接并使其可被点击

~/.ssh/config的配置

1
2
3
4
Host 192.168.0.153
  HostName 192.168.0.153
  User root
  ForwardAgent yes

分别指定远程连接的地址和用户名

快捷键使用

在Mac下ctrl均使用command替代

软件操作

  • ctrl + shift + p /f1 - 打开命令面板
  • ctrl + p - 文件搜索框
    • ? - 列出当前可执行的动作
    • !/Ctrl+Shift+M - 显示Errors或Warnings
    • :/Ctrl+G - 跳转到行数
    • @/Ctrl+Shift+O - 跳转到symbol，查找属性或函数
    • #/Ctrl+T - 根据名字查找symbol

窗口管理

  • Ctrl+N/W - 新建/关闭tab页
  • Ctrl+Shift+N/W - 打开/关闭一个新的VSCode编辑器
  • Ctrl+Tab - 切换窗口
  • Ctrl+\ - 向右拆分屏幕，最多三个
  • Ctrl+1/2/3 - 切换拆分后的编辑器窗口
  • Ctrl + O - 打开文件

代码格式

  • Ctrl+[/] - 代码行向左或者向右缩进
  • Ctrl+C/X - 复制/剪切当前行/选中内容
  • Shift+Alt+F - 代码格式化
  • Alt+Up/Down - 将当前代码向上或向下移动一行
  • Shift+Alt+Up/Down - 将代码向上/向下复制一行
  • Ctrl+Enter - 在当前行下方插入一行
  • Ctrl+Shift+Enter - 在当前行上方插入一行
  • Ctrl + D - 选中光标所在词组

左侧工具栏

  • ctrl + b - 展开/收起侧边栏
  • ctrl + shift + f - 搜索
  • ctrl + shift + e - 资源管理器
    • ⬆️/ ⬇️ - 移动光标
    • ⬅️ - 收起文件夹
    • ➡️ - 展开文件夹
    • 空格 - 打开文件
  • ctrl + shift + g - 源代码管理
  • ctrl + shift + x - 插件管理

插件及功能

  • Chinese Language: VSCode中文插件，国产程序员开发必备插件
  • TabNine: 智能输入插件，根据输入历史和场景，自动预测输入内容
  • Git History: 查看git历史记录的插件，安装后打开文件在标签页右键，会看到最下面多了一个Git: View File History；提供了查看提交记录，文件历史，比较分支和不同提交之间的区别
  • GitLens-Git supercharged: 该插件增强了VSCode自带的git功能，可以方便在每一行最后看到该行最近的改动记录。
  • Markdown All in One: VSCode下编辑Markdown较为全能的插件，提供了键盘快捷方式、TOC目录、自动预览等功能
  • Markdown Preview: 该插件是一个提供Github风格的Markdown预览插件
  • open in browser: 该插件是一个允许用户用浏览器或应用程序打开当前的文件，方便HTML开发预览
  • OpenAPI (Swagger) Editor: 该插件在VSCode中提供了对JSON或YAML格式的OpenAPI规范（OAS）（以前称为Swagger规范）的支持。 、包括，例如文档lint，代码导航，定义链接，静态安全分析等！
  • openapi-lint: 该插件为OpenAPI文件提供了更为强大的lint功能，包括对$ref引用的lint
  • Pylance: 该插件提供了VSCode上开发Python文件的服务支持，前身为Pyright，提供了包括python代码lint，自动跳转，自动导入等Pycharm才拥有的功能。该插件通常每周四更新
  • Python: Python开发的基础插件，提供运行、调试、检测代码等功能
  • Remote - SSH: VSCode上远程开发的必备插件，使您可以将带有SSH服务器的任何远程计算机用作开发环境。
  • Remote - SSH: Editing Configuration Files: 编辑SSH配置文件时，此扩展补充了Remote-SSH扩展的语法颜色，关键字intellisense和简单摘要。
  • YAML: 该插件提供对YAML语法支持以及内置的Kubernetes语法支持
  • Comment Translate: vscode中的翻译插件，可以翻译注释，驼峰变量等单词，英语不好的开发者必备插件

常见的问题

关闭预览功能

setting中搜索workbench.editor.enablePreview，将前面的勾去掉即可

go包跳转到外部网站

settings中搜索Editor.Links，将前面的勾去掉即可

光标所在词组高亮

settings中搜索editor.occurrencesHighlight，去掉勾即可