Sublime и Vue файлы: как сделать код красивым?

Question

[triggerfinger]

Какие плагины есть для того чтобы автоматически форматировать все три блока во .vue файлах: templatescriptstyle

Comments

[Сергей delphinpro]

my.vue:

<template src="./my.html"></template>
<script src="./my.js"></script>
<style src="./my.css"></style>

Ну и код поделить на отдельные файлы с соответствующими расширениями. Будет наверное удобнее.

[triggerfinger]

Сергей, 3 файла вместо одного удобнее? Мне лично нет.

[Сергей delphinpro]

triggerfinger, конечно. Переключать вкладки редактора кода удобнее, чем скроллить длинный файл.

[triggerfinger]

Сергей, сомнительное преимущество. Видимо, это очень индивидуально.

По теме же, что подскажете?

Кстати, если по отдельности файлы, то чем причесывать? Что там есть вообще, может оно и с Vue файлом заработает, если скоуп поменять...

[triggerfinger]

В идеале мне хочется выделить код, жмакнуть кнопку - и он его автоиндентом и тд причешит красиво по правилам.

[Сергей delphinpro]

triggerfinger, Сорри, по теме нечего сказать =) Я думал саблайм хоть по отдельности умеет автоформат...
Сам-то я штормом пользуюсь, он всё причёсывает, vue файлы в том числе.

[Moe Green]

Сергей, ни разу еще не встречал такого способа ))
интересно, но имхо - выглядит как-то странно )
удобно так работать?

[Сергей delphinpro]

Moe Green, если компонент большой, то, как я уже сказал, удобнее переключать вкладки при редактировании или открыть две рядом. Я обычно разметку оставляю в vue файле, а js- и css-код выношу в отдельные.

[Moe Green]

Сергей, понятно.
Вы идете по пути Angular - там компонент разносится по файлам изначально. ))

app.component.html
app.component.css
app.component.ts

Answer 1

[Moe Green]

Насколько я знаю, работать с Vue в Sublime не слишком удобно до сих пор.
Как варинт - можно посмотреть в сторону Visual Studio Code - этот редактор "из коробки" имеет полную поддержку Vue.

Comments

[triggerfinger]

Да так что-о лениво перепрыгивать, это ж опять часы пляски над конфигурацией и привыканием к новому редактору...На НГ выходные придется покопаться.

[Moe Green]

triggerfinger, то, что ты упомянул в ответе - этого ничего нет. ) В Visual Studio Code буквально все из коробки и минимум настроек.

[triggerfinger]

Ну я бы не сказал. Я его пробовал, так как изменить шрифт в ГУИ я так и не нашел.

[Moe Green]

triggerfinger, у меня таких требований к редактору нет )