美文网首页让前端飞
vsCode中编写vue项目时,webpack配置的alias别

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

作者: 汝若念卿 | 来源:发表于2020-06-12 18:19 被阅读0次

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

相关文章

网友评论

    本文标题:vsCode中编写vue项目时,webpack配置的alias别

    本文链接:https://www.haomeiwen.com/subject/jkyntktx.html