首先先说明一个问题
功能说明
在jetbrains内置了很多插件,其中intellij idea提供了对java的支持,而webstorm提供了对JavaScript的支持。
但是有的同学可能会纳闷,我是用了vue/element-ui/jquery/jquery-easyui/bootstrap等架构的时候,webstorm就不会自动给我提示。如何让webstrom来给我们提示呢?
其实webstorm为我们添加了功能的,但有的人不会是用罢了。
解决:
file>settings>Language&Frameworks>Javascripts>Libraries
在这个选项卡有几个选择可以配置
-
Add
添加JavaScript lib -
点击图中的加号,添加我们用到的js组件(例如jquery.min.js)
添加单文件架构.js -
在此我添加了jquery.3.3.1.min.js文件
自动识别了jQuery
-
是用 点语法 出现了提示信息:
提示信息 -
点击查看代码实现(ctrl+鼠标左键),可以看到我们添加的jquery.3.3.1.js已经被添加进来了。
查看代码实现
- Add(添加文件夹)
- 文件夹与文件操作方式是异曲同工,这里不在介绍。
- download
- webstorm 中央仓库为我们提供了下载功能,可以方便的下载我们所用的常见的js库
-
fetch 过程
fetch过程
fetch完毕 -
在这里,我们选择了使用jqueryui包,
jqueryui包 -
可以看到,jqueryUI的包也实现了
jquery UI