vscode 開啟對 webpack alias(文件別名) 引入的智能提示

 

在webpack項目中，我們經常會設置alias來引入文件，避免文件路徑寫的過長過深，但是使用alias的時候會發現路徑和函數的智能提示不見了，如果路徑名稱很復雜的話很容易寫錯而且也不方便。
在vue 項目中，我們經常這樣設置

 

module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        assets: '@/assets',
        network: '@/network',
        components: '@/components',
        views: '@/views'
      }
    }
  }
}

將src目錄別名設置為@，為了能夠有智能提示，我們可以在項目根目錄下新建一個 jsconfig.json文件，文件位置如下

在該文件中寫入對應的配置：

{
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "@/*": ["src/*"]
        }
    },
    "exclude": ["node_modules", "dist"]
}

這樣，在import someThing from '@/common’的時候我們的智能提示又回來了。nice。

更多的設置可以查看vscode官方文檔

寫好JSDoc也是一個技術活，代碼不規范，注釋不完整，親人兩行淚。。
以上