一、安裝配置

在應用商店搜索Path Intellisense然后安裝，安裝之后需要配置

image.png

image.png

點擊設置按鈕，在下拉列表中點擊--擴展設置 選項，然后打開setting.json文件

image.png

在文件中添加配置

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

到這里還沒有結束，還要在package.json的同級文件添加jsconfig.json文件，加上以下配置：

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

全都配置完會后發(fā)現(xiàn)在vue文件里還不會出現(xiàn)路徑提示，查了資料有的說是插件版本的問題

二、降低版本

同樣在插件里點擊設置按鈕

image.png

下拉列表里選擇--‘安裝另一個版本...’,然后選擇1.4.2，重啟vscode就可以了

image.png