мля, мля, мля

как обновить?

как обновить?

кого?

что за шрифт?

что за шрифт?

хороший вопрос :)

кого?

если я обновлю его в проекте, то ничего страшного не произойдет?

Короче, на странице есть ссылки, которые роутера не касаются и не должны, но он реагирует на них

<a href="#" @click="doSmth">Do something</a>

И при нажатии он реагирует, как на router-link

что за шрифт?

Внезапно, Segoe UI. Самое интересное, что под MacOS он смотрится лучше, чем в винде

“Chat web-app using Phoenix and Vue.js — Part 1” @jespr https://medium.com/@jespr/create-a-simple-chat-web-app-using-phoenix-and-vue-js-bc5d82e53f9b

Так как его отучить реагировать на обычные ссылки ~_~

И при нажатии он реагирует, как на router-link

а как реагирует?

Ну он переходит на #/

эм

lalalaa.com/#/create Нажимаешь на <a href="#">fdsf</a> И он переходит на lalalaa.com/#/

Всо, решил проблему

чо сделал та?

mode: 'history'?

обновил пакеты у себя - такого не получил

Ну я вот развернул у себя сейчас чистый vue-cli (2.7.0) и показывает такое

разве что такую фигню: (node:4449) DeprecationWarning: `DEBUG_FD` is deprecated. Override `debug.log` if you want to use a different log function (https://git.io/vMUyr)

Ну я вот развернул у себя сейчас чистый vue-cli (2.7.0) и показывает такое

я хочу такое же в существующем проекте)

может они где-то в конфигах веб-пака это сделали)

может они где-то в конфигах веб-пака это сделали)

Плак плак

Плак плак

сходи в репу, посмотри по ченджлогам релизов.

сходи в репу, посмотри по ченджлогам релизов.

Да, надо бы, даже просто по истории комитов можно

Да, надо бы, даже просто по истории комитов можно

https://github.com/vuejs-templates/webpack/pull/426

Вах, сохранил себе, будет время себе скопипащу это

https://github.com/vuejs-templates/webpack/pull/426

??

<a href="#" @click="doSmth">Do something</a>

<a href="#" @click.prevent="doSmth">Do something</a> надо делать

Вах, сохранил себе, будет время себе скопипащу это

Вот еще интересный плагин для оутппута вебпака - https://github.com/FormidableLabs/webpack-dashboard

Збс!

Вот еще интересный плагин для оутппута вебпака - https://github.com/FormidableLabs/webpack-dashboard

??

Вот еще интересный плагин для оутппута вебпака - https://github.com/FormidableLabs/webpack-dashboard

Воу, воду!

А ты используешь его?

Да, на отдельный виртуальный десктоп только терминал вынесен с этим плагином

Т.е его просто ставишь и он работает из коробки?

Шаманить не нужно?

Да, классный плагин. Не надо в каше глазами искать нужную инфу, когда Webpack собирает что-то.

он хорош тем, что показывает по сколько места бандлы занимают по сравнению с https://github.com/vuejs-templates/webpack/pull/426

Шаманить не нужно?

Не нужно

Не нужно

даже что-то писать в конфиге webpack?

подключать то естественно нужно. Но как и все остальные. сейчас скину его подключение в конфиге

// Import the plugin: var DashboardPlugin = require('webpack-dashboard/plugin'); // If you aren't using express, add it to your webpack configs plugins section: plugins: [ new DashboardPlugin() ] // If you are using an express based dev server, add it with compiler.apply compiler.apply(new DashboardPlugin());

Дак есть же всё в readme.

Дак есть же всё в readme.

да, да, уже читаю

просто там написано как через npm делать, а я yarn юзаю

в vue-cli-webpack это какой файл модифицировать?

base наверное

var config = require('../config') var webpack = require('webpack') var merge = require('webpack-merge') var utils = require('./utils') var baseWebpackConfig = require('./webpack.base.conf') var HtmlWebpackPlugin = require('html-webpack-plugin') var FriendlyErrors = require('friendly-errors-webpack-plugin') var DashboardPlugin = require('webpack-dashboard/plugin') // add hot-reload related code to entry chunks Object.keys(baseWebpackConfig.entry).forEach(function (name) { baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name]) }) module.exports = merge(baseWebpackConfig, { module: { loaders: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap }) }, // eval-source-map is faster for development devtool: '#eval-source-map', plugins: [ new webpack.DefinePlugin({ 'process.env': config.dev.env }), new DashboardPlugin(), // https://github.com/glenjamin/webpack-hot-middleware#installation--usage new webpack.optimize.OccurrenceOrderPlugin(), new webpack.HotModuleReplacementPlugin(), new webpack.NoErrorsPlugin(), // https://github.com/ampedandwired/html-webpack-plugin new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true }), //new FriendlyErrors() ] })

Это webpack.dev

compiler.apply compiler.apply(new DashboardPlugin()); - работает и без этого

base наверное

Мне кажется лучше в dev.

На prod то зачем данный плагин?

Мне кажется лучше в dev.

ога, там ид елаю уже

=)

Кстати да. В package.json "dev": "node node_modules/webpack-dashboard/bin/webpack-dashboard -- node build/dev-server.js",

вах, спасибо

ты используешь webstorm?

Нет идешки хорошей для работы на vue не нашел. На сублайме сижу

Ну вроде норм все. В вебшторме терминал не отображает видимо цвета и псевдографику

Запусти из системного терминала

ERROR: S client not available

Ну вроде норм все. В вебшторме терминал не отображает видимо цвета и псевдографику

цвета отображает кстати

псевдографику тоже

но это именно в терменалое

а не в run скорее всего

вот жеж срань

У тебя уже процесс на этом порту висит

У тебя уже процесс на этом порту висит

как ты это сделал? ^D

Вероятно где то еще один инстанс ноды

Что??

Что??

определил проблему

и да, это решило проблему

Error: listen EADDRINUSE

жаль конечно что она не раотает в ide

ну для иде поставь friendly errors плагин

ну для иде поставь friendly errors плагин

Ээ, для webstorma я не нашёл, или неверно тебя понял

я про https://github.com/vuejs-templates/webpack/pull/426

ааа, ну да, видимо придется им довоьстоваться

Тоже одно время хотел, но мне такое не пойдёт. Я терминал в редакторе запускаю.

Вообще идеально если мониторов несколько )

Вообще идеально если мониторов несколько )

2 - мало

Если больше 2, да)

Надо 3 тогда

Фотшоп, браузер, вебпак, ide... 4 получается ?

Хотя фотшоп редко, да

Это смотря ещё какие. ?

28" IPS/PVA мне бы и одного хватило.

Хотя и сейчас DELL 24" IPS одного хватает.

У меня сейчас ноут + монитор - мало

Хочется ide - 1 монитор + монитор под браузер + 1 монитор под консоль и телегра м

Сап чат. Можете пожалуйста подсказать, как в кастомной директиве вызвать функцию, которую передал в параметре? Мне нужно обработать изменение значения display на "none"

Тут поможет только @xanf_ua