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 后，就不是红色了：

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