VSCode vue下路径自动补全 包括 @/

vscode 路径自动补全，网上已经有很多的资料了，随便查一下就有，这里面主要记录一下我配置的时候遇到的过的一些问题，在一个地方跌倒两次了，不能再跌倒第三次了。

一、安装

1、VSCode安装Path Intellisense:

   打开vscode，在插件部分搜索path Intellisense，然后直接点击安装即可，如下图:

我的已经安装过过了，所以，没有安装按钮，正常的情况，点击安装即可。

2、配置路径配置文件jsconfig.json

在根目录，也就是package.json同级目录下，找到jsconfig.json 文件，如果没有的话，可以创建一个，然后维护如下内容

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

完成上面两个，基本上配置的问题就完成了，顺利的话，就可以用了。

下面介绍我安装配置的时候遇到的问题:

二、路径不自动补全遇的问题

1、没有重启编vscode

2、打开项目的路径不正确

vscode打开不是在项目路径不正确，不是直接打开项目的那个文件夹，而是打开了项目的上一个文件夹，这样，最明显的一个提示就是在打开项目的时候，右下角会提示各种json配置文件找不到，如下图:

我打开的路径是

 但是，实际上，这个路径是不正确的，需要在进入子路径才行，如下图:

 通过vscode直接打开上面的路径，才可以启用，否则，vscode会因为找不到配置文件从而导致路径补全失败，我就是因为这个问题，导致我耽误了好久的时间。

希望这篇文章对大家有所帮助, 有不对的，请大家指正