视觉工作室代码(VSCODE)的顶级快捷键和黑客键
#javascript #网络开发人员 #初学者 #vscode

Visual Studio Code(VSCODE)由于其功能强大,可扩展性和跨平台兼容性而成为开发人员最受欢迎的代码编辑。

掌握基本快捷键并利用VScode中的巧妙骇客对于进一步提高生产率并简化您的编码工作流程至关重要。

本文将探索顶级快捷键和骇客,以帮助您更有效地工作,并使用VSCODE节省宝贵的时间。

必需快捷键:

打开和关闭VSCODE:快速启动或关闭编辑器 - 有效启动和关闭Visual Studio Code(VSCODE)可以节省宝贵的时间并简化您的工作流程。

打开终端或命令提示符,并导航到要打开的文件夹。例如:

cd /path/to/my-project

键入以下命令,然后按Enter:

code .

此命令将在VSCODE中打开“ my-project”文件夹。

记住将“/path/to/my-project”替换为通往所需文件夹的路径。

使用这些方法打开和关闭VSCODE,您可以快速开始编码并有效地管理您的编码会话。

  • 基本导航:有效地围绕代码库移动 - Visual Studio Code(VSCODE)提供了各种键盘快捷键,使您可以在代码中快速移动。这是VSCODE中基本导航的一些必需快捷键:
  • 移动光标: 向上:箭头 下:箭头 左:箭头 右:箭头
  • 单词级导航: 移动到一个单词的开头:ctrl +箭头(Windows/linux),option + weft(Mac) 移动到一个单词的末尾:ctrl +箭头右(Windows/linux),option + Arrow right(Mac)
  • 线路级导航
    • 转到线的开始:home
    • 移至行的末端:End
    • 移动到文件的开头:ctrl + home(Windows/linux),命令 + HOME(MAC)
    • 移动到文件的末尾:ctrl + end(Windows/linux),命令 + End(Mac)

    页面级导航

    向上滚动一页:页面上

    向下滚动一页:页面向下

  • 在各节之间跳跃
    • 转到文件的开头:ctrl + home(Windows/linux),命令 + home(Mac)
    • 转到文件的末尾:ctrl + end(Windows/linux),命令 + End(Mac)
    • 转到特定行:Ctrl + G(Windows/Linux),命令 + G(Mac),然后输入行号,然后按Enter
    • 转到特定文件:Ctrl + P(Windows/Linux),命令 + P(Mac),然后开始键入文件名,然后从列表中进行选择
  • 文件和标签导航: 在打开选项卡之间切换:Ctrl + Tab(Windows/Linux),命令 +选项 +右箭头(MAC) 移动到下一个打开选项卡:ctrl + page down(Windows/linux),Control + TAB(MAC) 移动到上一个打开选项卡:Ctrl + Page UP(Windows/Linux),Control + Shift + Tab(Mac) 关闭当前选项卡:Ctrl + W(Windows/Linux),命令 + W(Mac)
  • 分裂和管理视图: 水平拆分编辑器:ctrl + \ 垂直分配编辑器:Ctrl + Shift + \ 编辑组之间的切换:CTRL + 1/2/3/...(Windows/Linux),命令 + 1/2/3/...(Mac)
  • 这些快捷键将帮助您有效地浏览代码库,并在浏览代码时节省时间。通过掌握这些导航快捷方式,您可以在行,文件和部分之间迅速跳跃,从而增强您在Visual Studio代码中的整体编码体验。

生产力黑客:

  • 自定义键键:

在Visual Studio Code(VSCODE)中自定义键键,使您可以根据特定的工作流程和偏好调整编辑器。您可以创建快捷方式或修改现有的捷径以使您的编码体验更有效。

创建自定义快捷方式

  • 打开VSCODE,然后转到“文件”>“首选项”>“键盘快捷键”或使用快捷键Ctrl + K Ctrl + S(Windows/Linux)或命令 + K命令 + S(Mac)。
  • 键盘快捷键文件将打开,显示左侧的默认键键和右侧的自定义键键。
  • 要创建自定义快捷方式,请通过指定命令和所需的键组合来在“ keybindings.json”文件中添加新条目。
    • {
          "key": "ctrl+shift+1",
          "command": "extension.myCustomCommand",
          "when": "editorTextFocus"
      }


在此示例中,按Ctrl + Shift + 1将执行“ Extension.myCustomCommand”命令。

修改现有快捷方式:

  • 如上所述打开键盘快捷键文件。
  • 通过搜索或浏览默认键键来查找要修改的命令。
  • 单击要更改的钥匙扣旁边的铅笔图标并输入所需的键组合。

如果要将“注释行”的键键入从ctrl + /更改为ctrl + shift + /,请修改这样的条目:< /p>

{
    "key": "ctrl+shift+/",
    "command": "editor.action.commentLine",
    "when": "editorTextFocus"
}

现在,ctrl + shift + /将发表评论或删除一行代码。< / p>

  • 摘要:

摘要是可以快速插入代码的预定义代码模板。它们有助于加速重复代码插入并提高您的生产率。

创建和使用摘要:

  • 打开VSCODE,然后转到“文件”>“首选项”>“用户摘要”或使用快捷方式Ctrl + K Ctrl + S(Windows/Linux)或命令 + K命令 + S(Mac)。
  • 选择要创建摘要的编程语言或为所有语言中适用的摘要选择“新的全局摘要文件”。
  • 使用打开的JSON文件中的特定语法添加摘要。
  1. 为基本HTML结构创建片段:
    "HTML Basic Structure": {
        "prefix": "html",
        "body": [
            "<!DOCTYPE html>",
            "<html>",
            "  <head>",
            "    <title>$1</title>",
            "  </head>",
            "  <body>",
            "    $2",
            "  </body>",
            "</html>"
        ],
        "description": "Basic HTML structure"
    }

当您键入“ HTML”并按Enter或Tab时,将插入摘要,您可以浏览占位符($ 1,$ 2)并自定义它们。

用于插入摘要的快捷方式:

  • 键入要插入的摘要的前缀,然后按标签。
  • 另外,按CTRL +空间触发IntelliSense,然后从下拉菜单中选择所需的片段。
  • 集成终端

VSCODE中的集成终端使您可以在不离开编辑器的情况下运行命令和脚本,从而提高您的生产力。

打开和管理集成终端:

  • 使用快捷方式CTRL + (Windows/Linux)或命令 + (Mac)。
  • 要垂直或水平拆分终端,按Ctrl + Shift + 5(Windows/Linux)或命令 +选项 + 5(Mac)或右键单击终端内,然后从上下文菜单中选择“拆分终端”。 /li>
  • 您可以使用快捷方式CTRL + (Windows/Linux)或命令 + (Mac)在多个终端实例之间切换,然后使用与终端实例相对应的数字。
  • 运行命令和脚本:
      • 将所需命令或脚本直接键入终端,然后按Enter执行。
      • 您也可以使用向上和向下的箭头键来浏览命令历史记录。
      • 如果您经常运行特定的命令或脚本,则可以在VSCODE的任务跑者中创建任务并从集成的终端执行它们。
  • 扩展名和插件
    • 扩展名和插件是扩展VSCODE功能的强大工具,可通过添加新功能和功能来提高生产力。

    安装和管理扩展:

    1. 单击VSCODE左侧栏中的“扩展”图标,或使用快捷方式Ctrl + Shift + shift + x(Windows/linux)或命令 + shift + shift + x(mac)打开扩展市场市场。
    2. 搜索所需的扩展名,然后单击“安装”按钮。
    3. 安装后,扩展名将出现在安装的扩展名列表中,您可以根据需要启用,禁用或卸载它。
  • 生产力的流行扩展
    • GitLens提供了增强的GIT功能,使您可以探索GIT存储库,查看责备注释等等。
    • Bracket Pair Colorizer“可帮助您可视化与颜色突出显示的匹配括号,从而使导航和理解代码结构更加容易。
    • Live Server”启用了一台实时负载的本地开发服务器,使预览和测试Web应用程序方便。
    • eslint”或“ Prettier”有助于格式化和覆盖,确保一致的代码样式并确定潜在的错误。
  • 通过自定义密钥凸线,利用摘要,利用集成终端和探索扩展,您可以在VScode中显着提高生产率。
  • 实验这些生产力黑客,发现最适合您的工作流程的产品,使您能够更有效地编码。

高级hacks

  • 在VSCODE上调试快捷方式

调试是开发过程的重要组成部分,Visual Studio Code(VSCODE)提供了强大的功能,可帮助您有效调试代码。以下是一些有用的快捷方式,用于在VSCODE中调试:

调试代码

    • 开始调试:F5
    • 此快捷方式开始调试您的代码。它启动调试器并开始执行您的程序。
    • 停止调试:Shift + F5。
    • 按Shift + F5停止调试器并终止调试会话。它阻止了您的程序的执行。
    • 重新启动调试:Ctrl + Shift + F5
    • 使用此快捷方式重新启动调试会话。它停止调试器并从一开始就再次开始。
  • 断点并逐步浏览代码
    • 切换断点:F9
    • 将光标放在要设置断点并按F9的线上。它在该线上添加或删除了断点。断点暂停在该特定行处执行程序,使您可以检查变量并逐步浏览代码。
    • 一步:F10
    • 按F10使您可以执行当前代码行并移至下一行。如果当前行包含函数调用,则不会介入该函数,而是将其作为一个步骤执行。
    • 一步:F11
    • 使用F11进入函数调用。如果当前行包含函数调用,则按F11将您带入该功能,从而使您可以按线进行调试。
    • 逐步出局:Shift + F11
    • 在调试时您在功能中时,Shift + F11允许您退出该功能并返回呼叫者功能。
  1. 此外,您可以在调试时使用以下快捷方式来控制程序流:
    • 继续:F5
    • 按F5从当前断点恢复程序的执行,直到达到下一个断点或完成。
    • 重新启动:Ctrl + Shift + F5
    • 使用Ctrl + Shift + F5从一开始就重新启动调试会话,丢弃任何以前的状态。
    • 停止:Shift + F5
    • 按Shift + F5停止调试器并终止调试会话。

这些快捷方式将在VSCODE中简化您的调试过程,使您可以设置断点,浏览代码并有效地分析程序执行。

  • VSCODE上的版本控制快捷方式

版本控制是软件开发的关键方面,Visual Studio Code(VSCODE)提供了与Git无缝集成,从而更易于管理和跟踪代码库中的更改。这是VSCODE中版本控制的一些有用的快捷方式

git集成:

    • 打开源控制视图:Ctrl + Shift + G
    • 按Ctrl + Shift + G在VSCODE中打开源控制视图。此视图提供了您的git存储库的视觉表示,显示了修改的文件,分支和其他与Git相关的信息。
    • 阶段变化:Ctrl + Enter
    • 在源控制视图中选择的文件时,按CTRL + ENTER阶段将其更改中的更改。分期准备在下一个git犯罪中要进行的更改。
    • 提交更改:Ctrl + Enter
    • 进行更改后,按CTRL + ENTER可以使您提交这些更改。它打开一个提交消息输入框,您可以在其中输入有意义的提交消息。
    • 推动更改:Ctrl + Shift + Enter
    • 一旦您进行了更改,请按Ctrl + Shift + Enter将这些提交推向远程存储库。
  • 常见版本控制命令
    • 打开命令调色板:ctrl + shift + p
    • 使用Ctrl + Shift + P在VSCODE中打开命令调色板。您可以通过键入其名称来访问各种版本控制命令,例如“ git:pull”或“ git:fetch。”
    • 开关分支:Ctrl + Shift + P,然后输入“ Git:Checkout至...”
    • 按Ctrl + Shift + P打开命令调色板,然后键入“ Git:Checkout到...”,然后选择所需的分支快速切换到它。
    • 查看git责备注释:ctrl + shift + p,然后输入“ git:blage”
    • 使用Ctrl + Shift + P打开命令调色板,然后键入“ Git:Blade”以查看GIT责备注释。责备注释显示谁最后修改了文件中的每一行代码。
    • 查看git历史记录:ctrl + shift + p,然后键入“ git:查看历史”
    • 按Ctrl + Shift + P打开命令调色板,然后键入“ git:查看历史记录”以访问GIT历史记录视图。此视图显示当前分支的提交历史记录,使您可以通过提交并检查更改。


这些快捷方式将简化VSCODE中的GIT工作流程,使您能够有效地执行版本控制操作,切换分支,查看提交历史记录并轻松协作。

通过掌握这些快捷键并利用VSCODE中的巧妙黑客攻击,您可以显着提高生产率并简化您的编码工作流程。

记住要练习并逐渐将这些快捷方式和骇客纳入您的日常编码程序中,以最大程度地提高其有效性。随着时间的流逝,您将成为一个更有效的开发人员,并在更少的时间内使用Visual Studio代码完成了更多工作。

如果您发现这一点,请在Learnhub Blog上发表激动人心,发现此类激动人心的帖子;我们写了许多与技术相关的主题,从Cloud computingFrontend DevCybersecurityAIBlockchain。看看How to Build Offline Web Applications. 

所以,今天开始探索这些快捷方式和黑客,并解锁Visual Studio代码的全部潜力!