Можно ли научить VSCode понимать пути с алиасом ('@') во Vue?

Question

[Андрей]

Надеюсь из заголовка все понятно. Если писать относительные пути, то редактор выдает подсказки, что очень экономит время и спасает от назойливых опечаток.

В случае указания пути через alias автокомплит путей не работает :( Есть workaround для WebStorm, для VSCode пока не нашел информации.

Comments

[Alex]

Как-то можно. У меня и в PhpStorm и в VSCode отлично понимает все пути в проекте. Но сам проект создавался утилитой, так что хз. По идее он должен самостоятельно определять конфигурацию.

[Андрей Пике]

Можно. У меня так таботает.
Относительные писать не стоит - это bad practice.



Там только одна засада, на которую недавно нарвался - надо проверить корень проекта в VSC.
Алиасы связаны только с корнем, а VSC привязывает к относительному пути.
Это должен быть корень проекта, а не 'src/'. Во втором случае работать не будет.

[Андрей]

Андрей Пике, я тут понял, что проблема лежит больше в Vetur, расширении для VSCode для работы с Vue. Какой плагин у вас?

И не совсем понял, как проверить в VSCode корень проекта)

Answer 1

[Андрей]

Это баг Vetur. Решение было найдено в issue на Githab.

Не идеальное, медленное, но рабочее! Разрабы обещали пофиксить еще в прошлой (0.22) версии, но увы. Проблема остается, но хотяб такое решение теперь есть.

Answer 2

[Андрей Пике]

Да, Vetur. Он за это и отвечает.
Надо чтобы как на картинке - у исходников в корне должна быть папка проекта, а не папка с вашим кодом (тут src).

Иначе алиасы он не ловит, соответственно то, что там экспортируется - тоже.

Comments

[Андрей]

Она и так была всегда открыта) Однако, нашел решение