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. 保存一下就可以愉快写代码啦