jetbrains：webstorm 开启查看代码自动补全

首先先说明一个问题

功能说明

在jetbrains内置了很多插件，其中intellij idea提供了对java的支持，而webstorm提供了对JavaScript的支持。

但是有的同学可能会纳闷，我是用了vue/element-ui/jquery/jquery-easyui/bootstrap等架构的时候，webstorm就不会自动给我提示。如何让webstrom来给我们提示呢？

其实webstorm为我们添加了功能的，但有的人不会是用罢了。

解决：

file>settings>Language&Frameworks>Javascripts>Libraries

在这个选项卡有几个选择可以配置

1. Add

   
   
   添加JavaScript lib

2. 点击图中的加号，添加我们用到的js组件（例如jquery.min.js）

   
   
   添加单文件架构.js

3. 在此我添加了jquery.3.3.1.min.js文件

   
   
   自动识别了jQuery

• 是用 点语法 出现了提示信息：

  
  
  提示信息

• 点击查看代码实现（ctrl+鼠标左键），可以看到我们添加的jquery.3.3.1.js已经被添加进来了。

  
  
  查看代码实现

2. Add(添加文件夹)
   • 文件夹与文件操作方式是异曲同工，这里不在介绍。
3. download
   • webstorm 中央仓库为我们提供了下载功能，可以方便的下载我们所用的常见的js库

   • fetch 过程

     
     
     fetch过程
     
     
     fetch完毕

   • 在这里，我们选择了使用jqueryui包，

     
     
     jqueryui包

   • 可以看到，jqueryUI的包也实现了

     
     
     jquery UI