vue项目中设置alias别名相关的问题，以及设置别名后引入文件路径没有输入提示以及vue-cli3以上以下的区别vue项目目录介绍

关于vue项目设置别名相关：

今天看项目，突然间发现，现在初始化一个vue项目，根目录会多一个文件jsconfig.js。
默认配置是这样的：

{
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "baseUrl": "./",
    "moduleResolution": "node",
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  }
}

我记得之前的项目没有这个配置，而且要用@别名的话，要在vue.config.js中显示定义的。像这种：

configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve('src'),
      }
    }
  }

但是我的项目里没有这样设置依然可以用，而且用别名的时候也有响应的提示了。很神奇，也提高了开发效率、开发体验。想一探究竟到底是哪里做了什么操作，可以让别名用起来这么方便。

终于被机智的我发现了：

1. 发现没设置别名就能用@，是因为vue-cli3以下，已经默认设置@指向项目的src路径。
2. 也是因为vue-cli3以下项目会默认自带一个jsconfig.js文件，默认内容就是开篇那样一样。是因为里面这样设置了，所以用别名引入文件的时候会有响应的提示。

（我应该之前学习vue3的时候把vue-cli升级到了5+的）

补充：
1.查看vue版本： vue -V 或者 vue --version 网上很多说，前者是查看vue版本，后者是查看vue-cli版本。我实际操作下来，两个都是查看vue版本的。

PS D:\work\dorado\fcproject> vue --version
2.9.6
PS D:\work\dorado\fcproject> vue -V
2.9.6

2. 查看vue-cli版本： npm list vue 它会显示所有有关vue的包的所有版本和依赖关系。也是很强/*捂脸笑。
运行指令后的结果：
fcproject@0.1.0 D:\work\dorado\fcproject
├─┬ @vue/cli-plugin-babel@5.0.8
│ └─┬ @vue/babel-preset-app@5.0.8
│ ├─┬ @vue/babel-preset-jsx@1.4.0
│ │ └── vue@2.7.16 deduped
│ └── vue@2.7.16 deduped
├─┬ ant-design-vue@1.7.8
│ ├─┬ @ant-design/icons-vue@2.0.0
│ │ └── vue@2.7.16 deduped
│ └── vue@2.7.16 deduped
├── vue@2.7.16
└─┬ vuex@3.6.2
└── vue@2.7.16 deduped

这个是曲线想知道vue-cli版本的方法，我还没get到怎么直接查看其版本的。欢迎大佬指教~

vue项目目录结构介绍：

如有不妥欢迎指正，谢谢~