vue3 + vite 项目配置路径别名

修改vite.config.js

与plugins同级下，增加

resolve: {
    alias: {
      '@': path.resolve(__dirname, '/src'),
    },
  }

解决ts路径别名识别问题

如果是ts项目，仅仅添加上面还不够，因为编辑器无法自动识别别名路径，如：

修改tsconfig.json，在compilerOptions下增加

"baseUrl": ".",
    "paths": {
      "@/*": [
        "src/*"
      ]
  }

改完之后，最好重启下项目即可生效