phpstom怎么设别vue项目的@路径

第一步 在根目录配置一个 phpstom.config.js文件

const path = require('path');

function resolve(dir) {
    return path.join(__dirname, dir);
}

module.exports = {
    resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
            '@': resolve('src'),
            "@utils": resolve("src/utils"),
            "@libs": resolve("src/libs"),
            "@api": resolve("src/api"),
            "@components": resolve("src/components"),
            "@assets": resolve("src/assets"),
            "@css": resolve("src/assets/css"),
            "@images": resolve("src/assets/images"),
            "@views": resolve("src/views"),
            "@mixins": resolve("src/mixins")
        },
    },
}

这里的路径 根据项目的不同 可自定义，

第二步 打开设置。配饰webpack

保存就可以了