vsCode中编写vue项目时，webpack配置的alias别

1、vsCode工具配置（settings.json文件配置所有项目可用）

解决方案一：

在插件市场中安装Path Intellisense插件并启用。根据以下提示信息，修改vsCode配置文件settings.json文件：

解决方案二：

在插件市场中安装Path Autocomplete插件并启用。根据以下提示信息，修改vsCode配置文件settings.json文件：

2、项目配置

如项目需要单独配置，可根据以下提示信息。在项目根目录中添加jsconfig.json或tsconfig.json文件：

具体配置如下：

{

  "compilerOptions": {

    // 项目根路径

    "baseUrl": "./",

    // 别名映射路径

    "paths":{

      "@/*": ["src/*"],

      "store/*": ["src/store/modules/*"]

    }

  },

  // 编译时排除以下目录文件使用配置规则

  "exclude": [

    "node_modules",

    "dist"

  ],

  // 编译时包含以下目录文件使用配置规则

  "include": [

    "./src/**/*.vue"

  ]

}

结语：vsCode工具配置别名时推荐使用第二种方案（因为第一种不太好用）