vue 你还在只设置一个@作为alias别名吗

一般大家vue配置都只有一个别名，想这样设置一个@指向src目录

config.resolve.alias.set("@", resolve("src"))

对于页面要使用组件的时候，可能就是这样的引用方式，引用非常长

  import { editGroupUrl } from "@/views/Video/MonitorSetting/abase/api";
  import SelectMonitor from "@/views/Video/MonitorSetting/GroupSettingModule/components/SelectMonitor";

对于这种当前目录的，你很可能想用相对路径，但是IDE自动处理时，会import一个完整的绝对路径

AddVideoGroup.vue

<script>
import SelectMonitor from "@/views/Video/MonitorSetting/GroupSettingModule/components/SelectMonitor";

</script>

这时我们可以设置code style->javascript -> imports 方式为 only in files outside spccified paths

这种方式的意思就是如果你的代码引用的是有别名的路径，那就使用别名的完整路径，否则使用相对路径

            .set("@", resolve("src"))
            .set("@enum", resolve("src/common/enum"))
            .set("@api", resolve("src/api"))
            .set("@common_inner", resolve("src/common"))
            .set("@page_user_manage", resolve("src/pages/userManage"))

可以想这样设置，把一些基础的，通用的路径都设置别名,甚至一些模块都设置别名，当引用这些文件夹下面的组件时就会用别名，其他地方默认就是相对路径

好处1：别名的路径对应的目录可以修改到别的地方，对于查找引用的别名的代码也很方便

好处2：对于模块内部的组件使用相对路径，对于管理代码也好很多