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工具配置别名时推荐使用第二种方案(因为第一种不太好用)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。