vscode开启对 alias(文件别名)引入的智能提示和跳转

1、当我们设置了路径别名后，那么插件（path-intellisense）就不支持自动提示。

chainWebpack: config => {  config.resolve.alias    .set('@',resolve('src'))    .set('_c', resolve('src/components'))}

为了解决这个问题我们应该在插件中配置别名（@、_c）的映射。

配置如下：

"path-intellisense.mappings": {    "@":"${workspaceRoot}/src",    "_c":"${workspaceRoot}/src/components", }

2、设置别名后不能用Ctrl+鼠标左键点击路径，快速跳转到外部文件了。

为了解决这个问题，我们需要在项目根目录下新建一个jsconfig.json文件，然后在该文件中写入对应的配置：

{  "compilerOptions": {      "target": "ES6",      "module": "commonjs",      "allowSyntheticDefaultImports": true,      "baseUrl": "./",      "paths": {          "@/*": ["src/*"],          "_c/*": ["src/components/*"]      }  },  "exclude": ["node_modules", "dist"]}

注意：记得重启vscode才生效！