webstorm自动导入vue组件的时候老是不加后缀咋办？

最近在用webstorm写Vue3项目的时候，发现其导入组件时老是有个毛病，就是它默认设置的在引入时会忽略文件扩展名, 而在vite中引入.vue文件时忽略.vue扩展名时会导致错误。

如何解决这个问题呢？
1：首先点击左上角的Settings，然后搜索javascript , 在Code Style/javascript下按照下图勾选上即可。
然后你下次导入组件时，就会看到会自动加上扩展名了。

注：不同版本的webstorm对应的选项表现形式不同，比如下面这种

不过位置都一样，认准Use file extension 这个选项去设置即可。