识别vue中@为根路径

1. 确保根路径下vue.config.js有如下配置

const path = require('path')
//...
function resolve(dir) {
    return path.join(__dirname, dir)
},
//...
module.exports = {
//...
chainWebpack: config => {
    // 修复HMR
    config.resolve.symlinks(true);
    config.resolve.alias
        // 设置别名
        .set('@', resolve('src'))
        .set('@assets', resolve('src/assets'))
    },
//...
}
//也有可能是
module.exports = {
    configWebpack: {
        resolve:
            '@': resolve('src')
    }
}

2. Settings > Languages $ Frameworks > JavaScript > Webpack

选择"node_modules/@vue/cli-service/webpack.config.js"