webstorm默认在引入时会忽略文件扩展名, 而vite中引入.vue文件时忽略.vue扩展名时会导致错误, 所以需要配置使webstorm自动引入时不要忽略文件扩展名
webstorm引入场景![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a94e290cedda2b16d0447be48cdda6a9.gif)
配置使其不要忽略.vue扩展名
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5ee8ca877cd713b58d955e594f319dbf.gif)
设置页面
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/d3c182112516364046314ffc9e7f983a.png)
在设置中勾选此选项即可
设置/ 编辑器 / 代码样式 / JavaScript / 导入 / 在模块名称中使用文件扩展名
Settings / Editor / Code style / Javascript / Imports / use file extension in module name
扩展, 中文包插件
https://blog.csdn.net/u010281877/article/details/111722817