vue @引入文件不提示路径问题

配置完vue.config.js 的引入符号@ 然后项目中使用没有路径提示的问题

const path = require("path");
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src/'),
      }
    }
  },

onfigureWebpack 是一个用于配置 webpack 的函数，它用于修改默认的 webpack 配置。在配置中使用 @ 符号来指代默认的别名配置。当你在文件中引入模块时，编辑器可能无法正确地识别 @ 符号所对应的路径，从而导致没有提示。

要解决这个问题，你可以在编辑器的配置中添加 webpack 配置的别名信息。具体的配置方式取决于你使用的编辑器。以 VS Code 为例，你可以在项目根目录下的 jsconfig.json 文件中添加如下配置：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

以上配置将 @ 符号指向了 src 目录。这样，在文件中引入模块时，编辑器就能够正确地识别 @ 符号所对应的路径，从而提供相应的提示。