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