在VScode中配置@路径提示

默认情况下使用@选择路径是没有提示的，但是这在我们选择路径的时候非常不方便，我们可以配置一下，下面是具体的步骤

第一步：

可以在目录看一下是否有webpack.config.js文件或者是vue.config.js文件，需要先配置一下如下代码

module.exports ={
  resolve: {
    alias: {
      '@': path.join(__dirname, './src/')
    }
  }
}

第二步：安装一个插件（Path Autocomplete）

第三步：

可以用快捷键Ctrl+shift+p快捷键搜索setting.js,去配置代码片段

{
  //配置@的路径提示
  "path-autocomplete.pathMappings": {
    "@": "${folder}/src"
  }
}

完成以上三步，你就可以到自己的代码中测试一下效果了