vue3想用@来代表src路径

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

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

   npm install path --save

3. 在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”));
   },
   };

4. 打开设置找到setting.json
   

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

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

6. 保存一下就可以愉快写代码啦