Vue JSとVSコード - 絶対ファイルパスのためのIntelliSense）

Question

私はVUE-CLI 3を使用して作成されたアプリを持っています、そして私は私のIDEとしてVisual Studioを使っています。私はvetur拡張をインストールしました。残念ながら私がそのようなものを入力しているとき

import Message from '@/components/Message'
 _

VSコードは、そのような絶対ファイルパスを解決するためのIntellISENSEを提供しません。 VSコードは、VUE-CLIを使用して作成されたプロジェクトの「src」フォルダに@マッピングすることを理解していません。誰かがその問題を解決する方法を知っていますか？

私はあらゆる助けに非常に感謝します。

Answer 1

私はEslintがそれについて文句を言わないようにすることができました：

1. eslint-import-resolver-webpack（DEV依存関係）をインストールする

2. コンテンツを使用して、プロジェクトのルートにwebpack.config.jsを追加します。

   const path =要求（ 'path'）; // eslint-disable-lineインポート/無関係の依存関係

   module.exports = {resolve：{alias：{'@'：path.resolve（__ dirname、 'src'）、拡張子：['.js'、 '.vue']、}、}。

3. .eslintrs.jsでは：

   ルール：{'import/extensions'：['エラー'、always '、{js：' never '、vue：' never '、}、]、}、設定：{' import/resolver '：{webpack：{ config： 'webpack.config.js'、}、}、}、

私はまだIntelliSenseが働いていますが、今のところ私はそれをやっています。この問題にすでにもっと多くの時間を失った。