О арч. Уважуха! У меня как арч намертво сломался появилсась манджара ) Приятная вещь

я сидел на твоем манджаро - не понравился

Тот же арч только с инсталлятором

Тот же арч только с инсталлятором

а еще кучей ненужных приложений в фоне и багами. которых нет в арче

А на арче долго сидел. Лет 6

у меня сейчас только 1 баг остался. который мне пока лень фиксить - после выхода из сна не работает клава, совсем не работает

помогает перезагрузка

Там есть минималист эдишн с кострированным всем. Ну как в старом арче у которого инсталлятор был

ребят. через cli развернул шаблон webpack-simple, подключил бутстрап и font-awesome. на выходе build.js весит 5 с лишним мегов. это нормально?

`npm run build --report` посмотри

`npm run build --report` посмотри

http://f3.s.qip.ru/lipRbmx0.png .js.map здоровенный. я так понял он для дебага и его не будет в продакте?

Мап нужен для дебага

он вроде не загружается пока не открыл дев тулс

могу ошибаться, поправьте если не прав

Если это и так, то в разных браузерах по разному скорее всего

Но сутт в том, что в продакшн сборке мапа не должно быть

я по деревенски, в хроме просто открыл сорцы страницы js файла и нажал сохранить. на выходе 5 мегов файл получился.

Если ты через cli, то в конфиге вебпека уже есть опция продакшн сборки

ну странно, да, не должно там мапов быть в сборке

Разве? Если это девелопмент сборка

не, я не прав

есть они там

https://github.com/vuejs-templates/webpack-simple/blob/master/template/webpack.config.js#L58

вот мой вебпак конфиг https://pastebin.com/JVZfMkz1

package.json если это важно) https://pastebin.com/1mTvBmy1

ну и main.js https://pastebin.com/2upB4yMp

а если убрать бутстрап изменится размер?

у тебя стили в отдельный файл выбиваются?

погуглил, надо импорить только бутстрап.жс

добавляешь через npm в зависимости и просто `import bootstrap from 'bootstrap';`, больше ничего не надо пишут

https://forum.vuejs.org/t/using-sass-and-bootstrap-with-vue-loader/4817/4

там бутстрап от vue

он без bootstrap js

стили генятся с less файлов

Всем привет! Есть такая библиотечка https://github.com/mzabriskie/axios в ней используются нативные промысы. Хочу вкрутить туда bluebird. Есть кто стыкался с такой задачей ? Как лучше сделать ? Если это вообще возможно

там бутстрап от vue

угу, вижу его в package.json. Так почему ты его не импортишь тогда?

а ну, посмотрел, там они в компонентах импорят что надо

ну хз короче тогда, но столько весить бандл не должен

)) я ему так и передам)

Приветы! В правилах написано немного о себе рассказать. Я разработчик в сфере комп. графики, пишу мелкие и крупные штуки для студий кино и анимации. В данный момент пишу небольшой сервис на django и хочу поближе познакомиться с vue.js чтобы на нем писать фронтэнд. Хотя мог бы и делегировать кому-то если найду) Надеюсь нубские вопросы тут не восбраняются.

Привет. Главное не спрашивать как с JSON работать

Это да. Я уже использовал один раз vue в проекте , но он был нескольно не стандартный что аж страшна. Щас у меня главная задача найти понимание структуры проекта чтоб не костылять ерунду. В прошлый раз когда общался с вуйкой темплейты нельзя было хранить в отдельном файле. Это еще в силе?

а чем не нравится структура где все в одном .vue файле?

мене вот примерно такая структура vue + vuex кажется вполне оптимальной для средних и больших приложений. https://github.com/jackhutu/jackblog-vue/tree/master/src

Мне не нравится потому что я в питоне работаю и там так не принято) да и не удобна.

В смысле темплейты нельзя в отдельном файле было? Можно в vue-файлах только их хранить, а скрипты и стили в других же.

ну тут вам не питон)) И раз в vue есть компонентный подход, то его нужно использовать по полной =) И согласитесь как-то не логично когда у тебя есть компонент, а его темплейт, стили и логика размазана по всей структуре

удобнее когда это в одном месте

Хтмл хотябы отдельно и норм я думаю. Но это конечно личные предпочтения и привычки

ну просто потому что у тебя слушатели событий, условия и все это в разметке, то удобно когда оно рядом

Хз, я видмо не такие слржные штуки делал как у вас. Мне было удобней разделить и я разделил. В хтмл была только верстка и всё. Проект был на 1 страничку. Ваще одну без переходов в смысле.

вы можете в больших компонетах выносить стили и разметку

целостность компонента сохраняется, все в одной папке

Вот и надо будет мне разобраться

наверное, следует в компоненте хранить свой vuex компонента. я сделал отделью папку где стал писать модули vuex и сейчас жалею что выбрал такой подход

то есть каждый модуль store в своем компоненте попробуйте

если он там нужен

Так как я работаю в pycharm мне важна подсветка синтаксиса. Когда js в html это еще норм но в обратную сторону всё ошибосит и подчеркивает. Потому еще не удобно. Хотя в новой версии вроде добавили поддержку vue, надо проверить.

тут вам не подскажут. настроил phpstorm немного, но есть проблемы в автоформате pug, не любит сокращенную запись аттрибута v-bind , :attr

наверное, следует в компоненте хранить свой vuex компонента. я сделал отделью папку где стал писать модули vuex и сейчас жалею что выбрал такой подход

Если у вас структура компонентов и vuex модулей 1 в 1 то vuex вам нахрен не нужен

Не пойму что Илья хейтит больше: vuex или angular 2

Не пойму что Илья хейтит больше: vuex или angular 2

Илья не хейтит, он любит…

… любит здравый смысл

https://twitter.com/vuejs/status/875553759513853952

Ребят у меня в input type=date поступает дата не из vue. Поэтому я развернул v-model до v-bind:value="something" v-on:input="something = $event.target.value" начальное значение устанавливается, но при изменении даты - меняется только data.something, а визуально input так и остается с дефолтной датой. Есть возможность попоравить этот момент? Не получается...

ERROR: S client not available

js-fiddle бы, или что-то такое

<input class="input" type="date" v-bind:value="'{{ entry['meta']['date'] }}'" v-on:input="date = $event.target.value"> и const editPost = new Vue({ data: { date: '' }, .....

entry['meta']['date'] это что?

entry['meta']['date'] это что?

это отрисовывает дату шаблонизатор tornado.

у меня vue не везде используется. нектороые моменты бекенд сам рисует.

а v-bind тогда при чем там?

а как мне тогда выставить начальную дату в инпут? которая с базы пришла

сложно говорить так как не сильно понимаю как работает твой бекенд, вероятно в created хуке задавать вьюшному свойству это значение

сложно говорить так как не сильно понимаю как работает твой бекенд, вероятно в created хуке задавать вьюшному свойству это значение

Посмотрю про created. Спасибо

Ребят, что там, в 2017 роллап готов для сборки вью проектов?)

упс, у меня есть грустная новость, в 2017 еще ничего не готово для сборки фронтенда

https://github.com/Binaryify/vue-tetris

Ребят, что там, в 2017 роллап готов для сборки вью проектов?)

Интересно, кто бы его попробовал, когда есть vue-cli шаблоны

кто-то здесь игрался с ролапом

+

кто-то здесь игрался с ролапом

я

у меня либка на нем собирается

я не шучу, гемороя с билдами хватает

я пару недель проклинал Webpack, ES6, и все JS сообщество, пока строил основу для проекта

я не шучу, гемороя с билдами хватает

мля..

и завтра по нему же экз

Ой все, не вспоминай )

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

есть элементарно сайдбар/продактлист/корзина говоря категоирями магаза лул всё это должно смотреть стейт друг друга грубо говоря, тут не получается никакая изоляция

ты абсолютно прав

точнее, на 30%

корзина - это реально сигнал к тому, что нужен стейт

а вот сайдбар и продактлист могут и без него обойтись, скорее всего

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

а если мне нужно на страничке отобразить список продуктов - я его могу загрузить и показать внутри компонента

... и через события отправить инфу родителю, что товары загружены, что бы он, например, сделал кнопки фильтрации активными. Или расчитал пагинацию.

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