Vue3+Ts+Vite项目(第二篇)——配置@路径别名，实现@

vite.config.ts 文件中配置

resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },

image

tsconfig.json 文件中配置

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

image

然后就可以在项目中使用@了

image