vscodeでVueエイリアスパススマートプロンプトを設定するにはどうすればよいですか?

プロジェクト開発にVueフレームワークを使用する場合、vue.config.jsでパス エイリアスを設定した後、他のページに移動します。コンポーネント、CSS、および静的ファイル パスを導入し、パス エイリアスを使用しても、パスの入力をインテリジェントに要求されません。Path Intellisenseプラグインは vscode にインストールされていますが、効果はありません。これにより、パスのスペル ミスなどのエネルギーが低下する問題が発生しやすくなり、開発効率も低下します。

関連する推奨事項: 「vscode 基本チュートリアル」、「vue チュートリアル」》

解決策

• プロジェクトと同じディレクトリにファイルを作成しますpackage.jsonjsconfig.json、エイリアス パスの入力を求められない問題を解決します。 (ファイルを構成して保存した後、有効にするためにエディターを再起動する必要があります。また、.vueおよび.js、で終わるファイルのみを認識できます。 cssファイル 他の静的ファイルではまだプロンプトが表示されないため、推奨されません!!!)

// .jsconfig.json { "compilerOptions": { "baseUrl": ".", "paths": { "@/\*": \['src/\*'\], "a/\*": \["src/assets/\*"\], "c/\*": \["src/components/\*"\], ... } }, "include": \["./src/\*\*/\*.vue", "./src/\*\*/\*.js"\], "exclude": \["node\_modules"\] }

• setting vscode の .jsonでパス インテリセンスを構成します (このソリューションが最も推奨され、あらゆる形式のファイルを認識でき、最も広い範囲をカバーします。エイリアスが変更された場合、構成を変更するだけで済みます)

// setting.json "path-intellisense.mappings": { "a": "${workspaceRoot}/src", "c": "${workspaceRoot}/src/components", ... }

プログラミング関連の知識については、プログラミング教育をご覧ください。 ！

以上がvscodeでVueエイリアスパススマートプロンプトを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。