[TypeScript] [All] Component PascalCase naming convention not working or not recognized in WebStorm. 组件大写驼峰提示在webstorm内不生效

DEAN-Cherry commented 6 months ago

Bug Type: TypeScript

Environment

Vue Version: 3.4.21
Element Plus Version: 2.6.2
Browser / OS: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36 Edg/123.0.0.0
Build Tool: Vite

Reproduction

Related Component

All

Reproduction Link

Github Repo

Steps to reproduce

使用上述链接提供的仓库，装好依赖后随便在某一个文件下输入El，只会提示src/components.d.ts内声明的组件类型，当然web-type.json的小写横线组件提示是正常的，组件指向路径也是正常的。我将element-plus/global.ts内的内容全部复制到src目录下就可以正常获得所有组件的提示，似乎是webstorm识别不了element-plus/gobal.ts。隔壁arco-design-vue是把声明文件放到es目录下就正常了，这个问题很神奇，我是webstorm最新版本

What is Expected?

Get Component hints by Pascal Cases 正常获得所有组件的大写驼峰组件提示

316986939-71d8a510-a46b-43bc-b42f-75793a66227e

What is actually happening?

Only works in camel cases 只能获取到src/components.d.ts内声明的组件，放src外还不行

Additional comments

btea commented 6 months ago

Maybe you could use the Volar extension.

DEAN-Cherry commented 6 months ago

Maybe you could use the Volar extension.

Thanks for your reply, but I am using WebStorm and as far as I know it is VSCode that uses Volar extension Dose it means it only works in VSCode？

btea commented 6 months ago

There is currently no Webstorm in my local area, but Webstorm should support Volar. refer to https://blog.jetbrains.com/webstorm/2023/05/webstorm-2023-2-eap2/#volar_support_for_vue

DEAN-Cherry commented 6 months ago

There is currently no Webstorm in my local area, but Webstorm should support Volar. refer to https://blog.jetbrains.com/webstorm/2023/05/webstorm-2023-2-eap2/#volar_support_for_vue

I managed to use Volar or Vue Language Server in WebStorm but still cannot get hints in PascalCase :(.