1 问题形容

Vue3的组合式API无奈在WebStorm中正确辨认，体现为defineComponent等无奈被辨认：

2 尝试计划

猜测这种问题的起因是无奈正确辨认对应的Vue3库，笔者置信WebStorm是能够做到的，只是某些配置没有正确，笔者尝试过在设置的Libraries中勾选上node_modules，然而没有成果。

3 解决办法

最终的解决办法参考了此处（图源）：

抉择node_modules文件夹，右键抉择Mark Directory as，最初抉择Not Excluded即可。

之后会破费一段时间索引，期待实现即可。

4 一些思考

看了一下WebStorm的文档，我的项目中的文件夹总共分为四类：

• Source：默认选项，所有文件夹默认都被视为Source除非设置为了Tests/Resource Root/Excluded
• Tests：标记为测试的文件夹
• Resource Root：资源文件夹，在输出某些须要资源的代码时，比方![](xxxx>)，会主动提醒该文件夹门路下的资源文件
• Excluded：代码补全、代码导航等会疏忽的文件夹。这个选项能进步WebStorm性能

在设置中搜寻Directories能够发现node_modules默认是Excluded：

标记为Not Excluded后，就不是红色了：

因而解决并不难，只是无奈正确辨认的起因。