1. 设置启动环境

webstorm配置vue+element开发环境_webstorm


新建npm,Name可以自定义一个名字,script选择启动项目的指令

webstorm配置vue+element开发环境_javascript_02

2. 处理element-ui标签提示unknown的问题

File --> settings --> Languages & Frameworks --> JavaScript --> Libraries

webstorm配置vue+element开发环境_vue.js_03


![在这里插入图片描述](https://img-blog.csdnimg.cn/20884dffd48a4128a6cbb8c083ca2fab.png

webstorm配置vue+element开发环境_webstorm_04

3. 处理webstorm不识别@路径别名的问题

在 Languages & Frameworks --> Webpack中配置webpck.base.conf.js

webstorm配置vue+element开发环境_webstorm_05

4. 处理webstorm使用scss变量提示Element ‘–color-primary’ is resolved only by name without use of explicit imports 的问题

File --> settings --> Editor --> Inspections --> Sass/SCSS --> 取消Missing import的勾选

webstorm配置vue+element开发环境_css_06