如何从浏览器中打开vscode中的文件？

Question

我希望我的网络应用程序能够在VS Code中打开指定的文件。例如，当我在我的网络应用程序上单击一个按钮时，会打开一个文件，例如C:\Users\...\myProject\index.html。如果myProject已经打开，则应导航到index.html。

我知道这是一个奇怪的用例，但我想知道在VSCode中是否可能实现。

如果需要使用浏览器或VSCode扩展程序也完全可以接受。

- dasfdsa

---

https://code.visualstudio.com/docs/editor/command-line#_opening-vs-code-with-urls - fbg13

Answer 1

vscode://file/{full path to project}/

感谢 fbg13 提供了 这个链接

- dasfdsa

---

如果vscode显示“无法打开'index.php'：资源不可用。”，那是因为有一个已经报告的错误在这里。 - kiatng

Answer 2

如果您添加此链接，就可以实现这一点：

vscode://file/{fullpath}:{numrow}

Symfony 5.3及更高版本的示例

例如，要在Symfony中使用控制器中出现的调试栏中的链接，您可以按照示例描述进行操作。 您需要编辑项目配置。

仅针对VS Code：

config\packages\framework.yaml

framework:
    ide: 'vscode://file/%%f:%%l'

对于任何通过 env 的编辑器:

config\packages\framework.yaml

framework:
    ide: '%env(resolve:CODE_EDITOR)%'

别忘了在.env或者.env.local中为CODE_EDITOR添加值。

本地开发

这是本地开发项目的示例。

.env或.env.local文件：

CODE_EDITOR=vscode
# or
CODE_EDITOR=vscode://file/%%f:%%l

Docker

如果您使用Docker或正在尝试从远程服务器打开文件，则可以使用此示例。

.env 或 .env.local：

# Template
CODE_EDITOR=vscode://file/%%f:%%l&/PATH/TO/YOUR/SERVER/APP>/PATH/TO/YOUR/LOCAL/APP
# Real paths
CODE_EDITOR=vscode://file/%%f:%%l&/app/>/home/user/projects/symfony_project/

更多细节请参见以下页面：

• Symfony框架配置参考 - ide
• 使用URL打开VS Code

- Cuarcuiu

Answer 3

如果您使用的是Firefox浏览器，可以进行以下操作：

• 打开about:config页面。
• 将view_source.editor.external设置为true。
• 将view_source.editor.path设置为VSCode可执行文件的绝对路径。

- Damian

Answer 4

你可以安装 vscode-handler以打开这样的文件

vscode://open?url=file://%file&line=%line

- idleberg