今天给大家带来在开发中常用的eslint配置和关于vue当中@符号没有路径提示的解决方式，希望能帮助到初学者们

第一步：

大家需要自己手动去安装下图这两个插件，这一步必不可少。

 

第二步：

打开设置在setting.json中添加如下代码块即可配置好eslint的基本设置和部分@提示。

        "eslint.enable": true,
        "eslint.run": "onType",
        "eslint.options": {
            "extensions": [
                ".js",
                ".vue",
                ".jsx",
                ".tsx"
            ]
        },
        "editor.codeActionsOnSave": {
            "source.fixAll.eslint": true
        },
    //导入文件时是否携带文件的扩展名
    " path-autocomplete.extensionOnlmport": true,
    //配置@的路径提示
    " path-autocomplete.pathMappings": {
    "@":"${folder}src"
    },

第三步： 

在vue项目 package.json 所在同级目录下创建文件 jsconfig.json：,将一下代码复制粘贴即可

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