vscode怎么设置快捷键浏览器打开

fiy 其他 94

回复

共3条回复 我来回复
  • worktile的头像
    worktile
    Worktile官方账号
    评论

    要在VSCode中设置快捷键以在浏览器中打开文件,您可以按照以下步骤进行操作:

    1. 打开VSCode,并点击菜单栏中的“文件”选项。
    2. 在下拉菜单中,选择“首选项”下的“键盘快捷方式”选项。这将打开VSCode的键盘快捷方式设置。
    3. 在快捷方式设置页面的搜索框中,输入“browser”以过滤与浏览器相关的快捷方式。
    4. 找到“workbench.action.openInBrowser”选项,该选项默认没有设置任何快捷键。
    5. 将鼠标悬停在“workbench.action.openInBrowser”选项上,并点击右侧的铅笔图标。这将允许您为该快捷方式设置自定义按键绑定。
    6. 在弹出的对话框中,按下您想要设置的键盘快捷键。例如,您可以按下“Ctrl+Alt+B”来定义为在浏览器中打开文件的快捷键。请确保所选快捷键在VSCode和浏览器中没有被其他命令使用。
    7. 设置完成后,关闭对话框,您的快捷键将生效。

    现在,您可以在VSCode中使用您设置的快捷键,以便快速在浏览器中打开文件。

    2年前 0条评论
  • fiy的头像
    fiy
    Worktile&PingCode市场小伙伴
    评论

    在VSCode中设置快捷键来打开浏览器可以加快开发过程中对网页的预览和调试。下面是在VSCode中设置快捷键打开浏览器的步骤:

    1. 打开VSCode并进入扩展市场
    启动VSCode后,点击左侧面板中的扩展按钮(四个方块连接在一起的图标),进入扩展市场。

    2. 搜索并安装”open in browser”扩展
    在扩展市场的搜索框中输入”open in browser”并点击搜索按钮。找到名为”open in browser”的扩展并点击安装按钮进行安装。

    3. 安装完成后,点击”Reload”按钮来应用扩展的变化。

    4. 设置快捷键
    在VSCode中按下”Ctrl + ,”打开设置页面。在用户设置中搜索”keyboard shortcuts”,点击”Open Keyboard Shortcuts”按钮。

    5. 在”keybindings.json”文件中设置快捷键
    在”keybindings.json”文件中,可以设置自定义的快捷键。在右侧的输入框中输入以下代码:
    “`json
    {
    “key”: “Ctrl + Shift + B”,
    “command”: “openInBrowser.open”
    }
    “`

    这里设置的快捷键是”Ctrl + Shift + B”,当按下这个快捷键时会执行”openInBrowser.open”命令,即打开浏览器。

    6. 保存设置
    保存并关闭”keybindings.json”文件。

    现在,当你在VSCode中编辑代码时,按下”Ctrl + Shift + B”快捷键即可打开系统默认的浏览器并预览当前文件。你也可以在其他文件上执行此操作。

    请注意,以上步骤中使用的快捷键和命令可以根据个人喜好进行自定义。你可以选择与其他命令不冲突的组合键来设置快捷键。

    2年前 0条评论
  • 不及物动词的头像
    不及物动词
    这个人很懒,什么都没有留下~
    评论

    VS Code 是一款十分强大的代码编辑器,它也支持设置快捷键来快速执行一些操作,包括浏览器打开。下面是设置 VS Code 快捷键来打开浏览器的方法。

    1. 打开 VS Code 编辑器。
    2. 点击菜单栏中的 “文件” 选项,选择 “首选项”。
    3. 在弹出的下拉列表中选择 “键盘快捷方式”。
    4. 这会打开一个名为 “keybindings.json” 的文件,其中定义了所有的快捷键设置。
    5. 在文件中添加以下代码:
    “`json
    {
    “key”: “Ctrl+Shift+O”,
    “command”: “workbench.action.terminal.sendSequence”,
    “args”: {
    “text”: “open”
    },
    “when”: “terminalFocus”
    }
    “`
    这个代码块定义了一个快捷键组合 “Ctrl+Shift+O”,执行的命令是 “workbench.action.terminal.sendSequence”,并在终端中发送了一个字符串 “open”。

    6. 保存文件,关闭并重新打开 VS Code。

    现在,你可以通过按下 “Ctrl+Shift+O” 来打开浏览器。请注意,这个快捷键只在终端焦点下有效,即在终端中执行命令才能触发。

    如果要将浏览器的打开命令绑定到其他快捷键上,可以修改 “key” 的值为想要的快捷键。

    值得一提的是,上述方法是使用终端的方式来打开浏览器。如果你希望直接在编辑器中打开浏览器,可以安装 VS Code 的扩展程序,如 “open-in-browser” 或 “live-server”,安装后可以通过右键点击打开 HTML 文件或通过命令面板等方式来在浏览器中查看页面。

    2年前 0条评论
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部