如何通过WebStorm配置Vue Element开发环境？

本文共计336个文字，预计阅读时间需要2分钟。

目录

1.设置启动环境

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

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

4.处理WebStorm使用SCSS变量

1. 设置启动环境

- 配置项目启动环境 - 新建npm项目，自定义Name名称 - 选择script启动命令

2. 处理element-ui标签提示unknown的问题 - 确保element-ui正确安装 - 检查import语句是否正确

3. 处理WebStorm不识别@路径别名的问题 - 在WebStorm中配置别名路径 - 确保别名配置与项目结构一致

4. 处理WebStorm使用SCSS变量 - 在SCSS文件中定义变量 - 在样式文件中引用变量

目录

• 1. 设置启动环境
• 2. 处理element-ui标签提示unknown的问题
• 3. 处理webstorm不识别@路径别名的问题
• 4. 处理webstorm使用scss变量

1. 设置启动环境

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

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

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

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

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

4. 处理webstorm使用scss变量

提示Element ‘–color-primary’ is resolved only by name without use of explicit imports 的问题

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

以上为个人经验，希望能给大家一个参考，也希望大家多多支持易盾网络。