PhpStorm无法识别$.作为jQuery调用标识，提示缺失导入语句求助

我之前也碰到过一模一样的情况——明明页面里已经加载了jQuery库，用$调用方法的时候PhpStorm却一个劲弹出“缺失导入语句”的警告，属实有点闹心。下面几个实用的解决方案，你可以挨个试试：

方法1：让PhpStorm识别jQuery库 #

这是最根本的解决方式，让IDE明确知道jQuery的存在：

• 打开IDE的设置（Windows/Linux点File > Settings，Mac是PhpStorm > Settings）
• 导航到 Languages & Frameworks > JavaScript > Libraries
• 如果你的jQuery是通过CDN引入的，点击右侧的Download...按钮，在搜索框输入“jQuery”，选中对应版本下载并添加到项目中
• 如果是本地引入的jQuery文件，点击Add...按钮，选择本地的jquery.js或jquery.min.js文件，然后在列表里勾选它，确保IDE能检测到这个库

方法2：手动声明$为全局变量 #

如果不想配置库，或者用的是自定义加载方式的jQuery，可以在你使用$的JS文件开头加一行注释，告诉IDE$是全局可用的：

/* global $ */

这样PhpStorm就不会再误报缺失导入了。

方法3：检查JavaScript语言版本设置 #

有时候语言版本不匹配也会导致这类误报：

• 同样进入Settings > Languages & Frameworks > JavaScript
• 把JavaScript language version设置为和项目匹配的版本，比如选ECMAScript 6+或者直接选ECMAScript Latest

方法4：清除IDE缓存并重启 #

偶尔IDE的缓存会出问题，导致识别异常：

• 点击File > Invalidate Caches...
• 勾选Invalidate and Restart选项，等待PhpStorm重启后，再看看警告是否消失

内容的提问来源于stack exchange，提问作者Movak