vscode内使用别名智能提示图片资源路径

在使用webpack工具开发时, 经常会使用别名来方便管理模块的引入, 这时候需要做一些配置来让ide能够提示对应的路径.

以vscode为主

// tsconfig.json
{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

以上配置只会提示出js文件, 如果要智能提示出图片等资源, 可以使用path-intellisense插件

// settings.json
{
  "path-intellisense.mappings": {
    "@": "${workspaceRoot}/src"
  }
}

也是可以使用Path Autocomplete来做