VSCode怎么设置外部连接_VSCode配置外部链接和资源打开方式教程-VSCode-PHP中文网

VSCode怎么设置外部连接_VSCode配置外部链接和资源打开方式教程

爱谁谁

发布： 2025-08-26 12:36:01

原创

369人浏览过

首先配置vscode.open命令或安装“Open in Application”插件，通过keybindings.json设置快捷键打开网页或本地文件，再在插件中定义文件类型与应用程序的映射规则，最后检查路径、协议及版本问题以解决识别失败。

vscode怎么设置外部连接_vscode配置外部链接和资源打开方式教程

VSCode设置外部链接，简单来说，就是让VSCode能顺畅地打开你想要的外部资源，比如网页、图片，甚至是其他应用程序。这涉及到一些配置，但掌握了之后，能大大提升你的开发效率。

配置外部链接和资源打开方式，其实就是告诉VSCode，当遇到特定类型的文件或链接时，应该用什么方式来处理。

如何让VSCode识别并打开特定类型的外部链接？

首先，我们要明白VSCode本身并不具备打开所有类型链接的能力。它主要还是一个代码编辑器。所以，我们需要借助一些插件或配置来实现这个目标。

一个常用的方法是使用

vscode.open

登录后复制

命令。这个命令允许你指定一个URL，然后VSCode会尝试用默认的浏览器打开它。你可以在

keybindings.json

登录后复制

文件中定义一个快捷键来执行这个命令。例如：

[
  {
    "key": "ctrl+shift+o",
    "command": "vscode.open",
    "args": {
      "resource": "https://www.example.com"
    }
  }
]

登录后复制

这段代码的意思是，当你按下

Ctrl+Shift+O

登录后复制

组合键时，VSCode会尝试打开

https://www.example.com

登录后复制

这个链接。当然，你可以根据自己的需要修改链接和快捷键。

更进一步，如果你想打开本地文件，可以使用

file:///

登录后复制

协议。例如：

[
  {
    "key": "ctrl+shift+l",
    "command": "vscode.open",
    "args": {
      "resource": "file:///C:/path/to/your/file.txt"
    }
  }
]

登录后复制

注意，

file:///

登录后复制

后面需要跟文件的绝对路径。

如何自定义VSCode打开特定文件类型的应用？

有时候，你可能不想用默认的方式打开某些文件。比如，你希望用特定的图片查看器打开图片，或者用专门的Markdown编辑器打开Markdown文件。这时，你可以借助一些插件来实现。

一个比较流行的插件是“Open in Application”。这个插件允许你定义不同文件类型对应的应用程序。安装好插件后，你可以在VSCode的设置中找到它的配置项，然后添加你想要的关联。

Sider

多功能AI浏览器助手，帮助用户进行聊天、写作、阅读、翻译等

3159

查看详情

例如，你可以这样配置：

"openInApplication.apps": [
  {
    "id": "imageViewer",
    "name": "My Image Viewer",
    "path": "C:\Program Files\MyImageViewer\MyImageViewer.exe"
  },
  {
    "id": "markdownEditor",
    "name": "Markdown Editor",
    "path": "C:\Program Files\MarkdownEditor\MarkdownEditor.exe"
  }
],
"openInApplication.rules": [
  {
    "match": "\.(png|jpg|jpeg|gif)$",
    "app": "imageViewer"
  },
  {
    "match": "\.md$",
    "app": "markdownEditor"
  }
]

登录后复制

这段配置的意思是，所有以