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也是一个技术活，代码不规范，注释不完整，亲人两行泪。。
以上