使用webstorm配置vue+element开发环境

1. 设置启动环境

使用webstorm配置vue+element开发环境_第1张图片

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

使用webstorm配置vue+element开发环境_第2张图片

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

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

使用webstorm配置vue+element开发环境_第3张图片

使用webstorm配置vue+element开发环境_第4张图片

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

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

使用webstorm配置vue+element开发环境_第5张图片

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开发环境_第6张图片

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

你可能感兴趣的:(使用webstorm配置vue+element开发环境)