webstorm + vue，解决使用element-ui无代码提示的问题

先下载element-ui# 使用淘宝的链接（cnpm）下载 element-uicnpm install element-ui -S在main.js中引入 element-ui文件// 引入 element-uiimport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(Elemen

干饭要有精神

10776人浏览 · 2020-11-11 15:02:56

干饭要有精神 · 2020-11-11 15:02:56 发布

先下载element-ui

# 使用淘宝的链接（cnpm）下载 element-ui
cnpm install element-ui -S

在main.js中引入 element-ui文件

// 引入 element-ui
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

按住ctrl并点击上面的 ‘element-ui’，随即跳转到引用的文件中。
右键点击，选择’File Path’，找到当前保存这个 ‘element-ui’ 的库。
在这里插入图片描述
进入设置，File -> Settings -> Languages & Frameworks -> JavaScript - >Libraries。
点击Add，此时是提示添加库 ’New Library’，然后点击这个界面的 ‘+‘，选择 ’Attach Directories’`。
选择刚刚找到的 ‘element-ui’ 的库。
点击确认添加的时候，可能需要重命名（去掉@，_等特殊符号）。
在这里插入图片描述
这样，在编程的时候，便会有 element-ui 的提示了。