vue3+vscode 的模板标签可以有智能提示吗?

作者站长头像
站长
· 阅读数 8

vue3+vscode 的模板标签可以有智能提示吗?

Volar 相关的插件我都安装了

vue3+vscode 的模板标签可以有智能提示吗?

但是 <template> 中的内容，都没有智能提示，也没有办法按 ctrl+鼠标左键跳转

比如我把鼠标悬停在 a-range-picker 的 @change 上，也没有办法给我任何提示，比如返回值类型等等

<a-form-item label="确认世间（审核时间）">
          <a-range-picker
            v-model:value="confirm_at"
            @change="handleDateRangeChange"
          />
        </a-form-item>

是 vscode 以及相关插件没有这个功能吗？

回复
1个回答
avatar
test
2024-07-02

如果你是全局引入的，需要手动配置一下 tsconfig.json：

{
    // 其他配置项略
    "compilerOptions": {
        // 用了别的组件库的同理，去 node_modules 下找它的全局声明文件，把路径拷过来
        "types": ["ant-design-vue/typings/global.d.ts"]
    }
}

然后重启 VSCode 就好了。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容