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 サイトの他の関連記事を参照してください。