您的位置:

详解vscode的使用

一、快捷键使用

1、打开/关闭侧边栏:Ctrl + B

快捷键Ctrl + B可以快速切换侧边栏的显隐状态,当需要使用侧边栏进行文件管理和代码导航时,可以打开侧边栏,完成操作后再通过快捷键关闭侧边栏,以获得更充分的编辑区域。


"key": "ctrl+b",
        "command": "workbench.view.explorer"

2、快速注释代码:Ctrl + /

在编写代码时,经常需要注释一些暂时无用或者调试期间用不到的代码,这时候可以使用快捷键Ctrl + / ,快速注释掉所选中的行或代码段。


"key": "ctrl+/",
         "command": "editor.action.commentLine"

3、格式化代码:Shift + Alt + F

格式化代码可以统一代码的排版和风格,让代码更加易读和美观。在vscode中使用快捷键Shift + Alt + F可以快速格式化当前文件或当前代码段。


"key": "shift+alt+f",
         "command": "editor.action.formatDocument"

二、插件使用

1、插件搜索和安装

通过快捷键Ctrl + Shift + X可以打开扩展视图,可以浏览市场上的各种插件,根据自己的需求进行筛选和安装。例如,安装“Auto Rename Tag”插件可以允许改变HTML或XML标签时,自动重命名相关开/闭标记。


"key": "ctrl+shift+x",
         "command": "workbench.extensions.action.showExtensions"

2、插件使用

通过打开已安装插件的视图,可以对插件进行启用、禁用和配置。比如在“设置”视图中,可以通过搜索框找到并配置“Auto Rename Tag”插件,以满足个性化需求。


"key": "ctrl+shift+p",
         "command": "workbench.action.openGlobalSettings",
         "when": "!editorTextFocus"

三、调试工具使用

1、配置调试环境

通过编辑调试配置文件launch.json,可以实现对于多种不同编程语言和场景下的调试需求。这里以调试Python脚本为例,演示将配置文件保存在.vscode/launch.json中:


{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Python: Current File",
            "type": "python",
            "request": "launch",
            "program": "${file}"
        }
    ]
}

2、启动调试

在编辑器中打开需要进行调试的Python脚本文件,点击编辑器标题栏的调试按钮或使用F5键启动调试。这时候,可以使用调试面板中的变量查看器、实时监控、自动断点等工具进行调试。


"key": "f5",
        "command": "workbench.action.debug.start"

四、代码片段使用

1、新建代码片段

在.vscode文件夹中创建一个名为snippets.code-snippets的文件,添加一下内容:


{
    "my_code": {
        "prefix": "myCode",
        "body": [
            "print('Hello World!')$1",
            "$2"
        ],
        "description": "Print 'Hello World!'"
    }
}

2、使用代码片段

当需要使用这个代码片段时,输入myCode并按下Tab键即可激活该代码片段,完成输入。其中$1和$2分别表示你可以自定义的两个光标停留的位置。


"prefix": "myCode",
         "body": [
             "print('Hello World!')$1",
             "$2"
         ],
         "description": "Print 'Hello World!'"

五、Git集成使用

1、初始化Git仓库

打开vscode的控制台,并切换到项目的根目录下,用git init命令初始化Git仓库。


git init

2、新建版本控制文件

在.vscode文件夹的根目录下创建一个setting.json文件,并将其保存为项目级别的设置。设置中需要包含以下信息:


"git.ignoreLimitWarning": true,
"git.confirmSync": false

3、进行版本控制

在左侧资源管理器中打开文件,通过鼠标右键或者选择菜单中的Git Init Repository,将项目添加至仓库中。在编辑器中对文件进行修改后,打开“源代码管理”菜单,即可看到所有变更的文件,选择需要提交和提交描述即可完成基本的版本控制。


"key": "ctrl+shift+g",
        "command": "workbench.view.scm"