Vueプロジェクトを開くためのVSCode、解决无法对@/assets/aaa.vue指向的文件使用跳转、ほぼすべてのwebpackプロジェクトに対応しています。

VSCodeを使用する場合、但是它默认是无法跳转类似于@/assets/aaa.vue このようなパスの場合はどうでしょうか？

jsconfig.jsonを使用する

jsconfig.jsonは、VSCodeに付属している設定ファイルです。デフォルトでは生成されないので、自分で作成する必要があります。公式ドキュメントに説明があります。

ドキュメント：https://code.visualstudio.com/docs/languages/jsconfig

仕組みは、このjsonをドキュメントに従って設定し、プロジェクトのルート内に置き、VSCodeを再起動し、然后右击@/assets/aaa.vue这样的路径、動作することが確認できます。

プロジェクトのルートに新しいjsconfig.jsonファイルを作成します。

以下のコードを入力し、VSCodeを再起動します。

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

素晴らしい作品です