Is there a way to automate imports and code completion in WebStorm for
与 Vue 3 组件正常工作?因为我遇到了一些麻烦:
假设我有一个名为 FooBar.vue 的组件:
<script setup lang="ts"> import { ref } from 'vue' const counter = ref(0) </script>
现在我想导入它,但代码完成没有提示:
但是,当我用常规
替换
时,一切都按预期工作
<script lang="ts"> import { ref } from 'vue' export default { setup() { const counter = ref(0) return { counter } }, } </script>
我的理论是,WebStorm 查看导出语句以提供自动导入和代码完成。由于脚本设置没有,这导致了这个问题。是否有任何解决方法/方法来配置 WebStorm 来解决这个问题?
WEB-54446 Fixed in 2022.3, the fix will be included in the next 2022.3 EAP