Webdev сохраненки

Киллер фича Vue Devtools и IDE

Хочу поделится крутым возможностями которую я недавно обнаружил в Vue Devtools

По умолчанию есть возможность из dev tools перейти прямо к Dom компонента в инспекторе Chrome, что уже очень удобно при отладке разметки и стилей. <> Inspect DOM

Но есть еще более восхитительная возможность переходить в код компонента из браузера прямо в IDE. Можно настроить любой редактор (у меня получилось с VSCode и PHPStorm, другие не пробовал)

Обычно работает из коробки в vue-cli, nuxt, но если нет читайте этот док https://devtools.vuejs.org/guide/open-in-editor.html

Так же эта кнопка появляется только если вы выбираете ваш компонент, а не компонент из Vuetify например.

#vue #devtools #советы

8 views08:55

Webdev сохраненки

Forwarded from На фронте - javascript, html, css

Представляем вам Vue 3.3

В этом посте представлен обзор основных возможностей версии 3.3. Для получения полного списка изменений, пожалуйста, ознакомьтесь с полным журналом изменений на GitHub.

https://habr.com/ru/articles/735086/

#js #vue #ru

💬 Чат фронтендеров

7 views05:13

Webdev сохраненки

7 Awesome Vue.js 3 Plugins and Libraries to know in 2023

https://vueschool.io/articles/vuejs-tutorials/7-awesome-vue-js-3-plugins-and-libraries-to-know-in-2023/

#coding
#javascript
#vue

vueschool.io

7 Awesome Vue.js 3 Plugins and Libraries to know in 2023 - Vue School Articles

Are you looking to build awesome Vue.js applications in 2023? We've put together a list of seven incredible Vue 3 plugins and libraries that can help you add exciting features and functionality to your applications without writing lots of code.

5 views20:30

Webdev сохраненки

7 Component Communications in Vue 3

https://javascript.plainenglish.io/7-component-communications-in-vue-3-f4d2d795481d

#coding
#javascript
#vue

Medium

7 Component Communications in Vue 3

All means of communication are available here