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