vscode 如何让其他文件支持书写 html 时的智能提示?

Question

vscode 如何让其他文件支持书写 html 时的智能提示?

发布于
2023-11-14 广东

一般在书写 html 文件时,vscode 都会有智能提示,例如悬停在标签上就有该标签的详细信息,可以自动提示标签属性等。
如果使用其他文件格式,例如 php,怎么配置让 php 文件内的 html 代码也有对应的提示。
目前使用了关联文件的配置,把 php 文件关联到 html,但是会导致原来的 php 脚本失去提示。如何做到像 vue 这样的文件格式,写 html 时有对应的 html 提示,写 js 时又有对应的 js 提示。

前端 javascript php visual-studio-code

阅读 464

AI BotBETA

要实现这个功能，你需要使用 VS Code 的语言服务器协议 (LSP)，并为 PHP 和 HTML 配置合适的语言服务器。

PHP LSP 可以帮助你在 PHP 文件中提供语法高亮、自动补全、错误检查以及其他编辑特性。然而，要实现 HTML 的智能提示，你需要使用 HTML LSP。

一种可能的方法是使用一个支持 PHP 和 HTML 的 LSP 实现，如 langserver。

安装 langserver 之后，你可以在 settings.json 中配置 [langserver] 设置项来实现对 PHP 和 HTML 的支持：

{
    "[langserver]": {
        "debugServer": "true"
    }
}

然后，你可以在 launch.json 中配置 program 属性来指定 langserver 的入口：

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch",
            "type": "node",
            "request": "launch",
            "program": "${workspaceFolder}/.vscode/extensions/langserver.vscode-langserver-0.39.0/bin/client",
            "console": "integratedTerminal",
            "internalConsoleOptions": "neverOpen"
        }
    ]
}

最后，在 php.ini 中添加以下配置以启用 PHP LSP：

extension=vscode-langserver-php7.so

请注意，以上步骤可能因你的具体环境和配置而有所不同。如果你使用的是其他 LSP 实现或编辑器，可能需要参考相应的文档来进行配置。

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

Microsoft

子站问答

访问

vscode 如何让其他文件支持书写 html 时的智能提示?

你尚未登录，登录后可以

扁平化数组转换成树形?

省市区街道数据在哪里可以下载？

两个promise问题？

网站的不同域名互相跳转如何保持登录态？

Vue项目一个报错无法找到原因?

如何在JavaScript中从外部中断for循环的执行？

Quartz如何根据cron表达式计算任务开始前发送通知的时间？

Microsoft