vue3想用@来代表src路径

找到项目中node_modules这一依赖文件夹

查看此文夹下是否有path文件夹，若没有在终端下载一下就有了

npm install path --save

在vue.config.js（若没有就自己新建吧）中输入以下代码来配置

const path = require(“path”);
function resolve(dir) {
return path.join(__dirname, dir);
}
module.exports = {
chainWebpack: (config) => {
config.resolve.alias
.set("@", resolve(“src”))
.set(“assets”, resolve(“src/assets”))
.set(“components”, resolve(“src/components”))
.set(“base”, resolve(“baseConfig”))
.set(“public”, resolve(“public”));
},
};

在setting.json中加上下方代码是为了方便外面在敲出@/时编辑器会自动提示出后面的路径

// 在编辑器输入@/以后，编辑器自动给我们提示
“path-intellisense.mappings”: {
“@”: “${workspaceRoot}/src”
}