Настроить PHPStorm для работы Vue?

Question

[JastaFly]

Доброго всем времени суток! Начал изучать Vue. Но столкнулся с проблемой что PHPStorm постоянно ругается на что-то такое:

На работоспособность кода это не влияет, но что ему не нравится?!?? У Vue другие взгляды на вложенность ?!?? И как подружить PHPStorm и Vue?!??

Comments

[Dmitry Roo]

Может лучше Webstorm использовать?

[zorca]

Dmitry Roo, блокнот лучше )))

[zorca]

На что он ругается и почему, не судьба посмотреть? В корне проекта много всяческих регулирующих файлов, влияющих на стили оформления кода.

[JastaFly]

Dmitry Roo, PHPstorm это WebStorm на максималках

Answer 1

[Aetae]

Используй vue create для создания проекта, выбирай eslint+prettier и PHPStorm всё сам как надо подтянет.
Разве что может потребоваться установить опцию vueIndentScriptAndStyle в .eslintrc.js.

Comments

[JastaFly]

То есть в текущем проекте ничего поменять не получится?!??

[Aetae]

JastaFly, создай чистый, да скопируй все конфиги оттуда. Либо скопируй весь код туда. Какие проблемы?)

А вот настоящие проблемы у тебя начнутся если ты попытаешься собрать вручную свой "уникальный" конфиг с нуля. Вероятно ты преуспеешь, не спорю, но к тому времени вырвешь все волосы на голове и заработаешь пару нервных срывов.)

Вся эта хрень - крайне неустойчивая пирамида из костылей, строить её самому стоит лишь от безысходности.

[Aetae]

Ну либо если тебя заботит конкретно эта проблема и больше ничего что вылезет(обязательно) потом, ты можешь воспользоваться решением труса и в настройках PHPStorm отключить базовый отступ для script и style(Settings - Editor - Code Style - HTML - Do not indent children of:) и продолжать жить в аду перфекциониста, который сам и создал.)

Answer 2

[segio_tt]

Сегодня как раз столкнулся с этой штукой, решается элементарно, в коне создаёте файл и vue.config.js и туда же игнорируете,,,а точнее я через vue ui установил этот плагин и он создал мне этот файл.