-
找到项目中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
- 在setting.json中加上下方代码是为了方便外面在敲出@/时编辑器会自动提示出后面的路径
// 在编辑器输入@/以后,编辑器自动给我们提示
"path-intellisense.mappings": {
"@": "${workspaceRoot}/src"
}
- 保存一下就可以愉快写代码啦