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

保存就可以了