这样配置的好处:

1 简写路径 避免使用相对路径时层次混乱导致书写错误

2 方便移动文件

1找到项目的 vue.config.js 文件

2 这里的配置

const { defineConfig } = require('@vue/cli-service')

const path = require('path')
function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false,// 关闭Eslint语法检查
  configureWebpack: {
    resolve: {
      alias: {
        '@': resolve('src'),
      },
    },
  },
  
})

3 配置好之后重新运行项目就可以使用@符

import '@/style/sass/global.scss' // global css