vscode確實是比較好的編輯器
其中一個比較好的插件就是path autocomplete，但是這里有個問題，當通過webpack的alias引用的時候，path autocomplete是不起作用的

import sss from "@common/"

然后后面也沒有路徑提示，自己手動寫好他媽的煩
后來查了下，需要在項目跟路徑下配置一個jsconfig.json,讓vscode能夠識別出alias
廢話不多說，
webpack配置

resolve: {
        alias: {
          "@actions": `${this.srcPathAbsolute}/actions/`,
          "@components": `${this.srcPathAbsolute}/components/`,
          "@commonComp": `${this.srcPathAbsolute}/components/common/`,
          "@common": `${this.srcPathAbsolute}/common/`
    }
}

jsconfig.json的配置

{
  "compilerOptions": {
    "target": "es2017",
    "allowSyntheticDefaultImports": false,
    "baseUrl": "./",
    "paths": {
      "@actions/*": ["src/actions/*"],
      "@components/*": ["src/components/"],
      "@commonComp/*": ["src/components/common/"],
      "@common/*": ["src/common/*"],
      "@reducers/*": ["src/reducers/*"],
      "@images/*": ["src/images/*"],
      "@lib/*": ["src/lib/*"],
      "@assets/*": ["src/assets/*"],
      "@util/*": ["src/utility/*"],
      "config/*": ["src/config/*"],
      "sources/*": ["src/sources/*"],
      "stores/*": ["src/stores/*"],
      "styles/*": ["src/styles/*"]
    }
  },
  "exclude": ["node_modules", "dist"],
  "include": ["src"]
}

這樣在你引入路徑的時候，如果使用webpack的alias的時候，就可以自動提示路徑了