Киллер фича 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 #советы

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

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

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

#js #vue #ru

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

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

7 Component Communications in Vue 3

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

#coding
#javascript
#vue

Performing A Deep Watch In Vue.js

https://techblog.geekyants.com/performing-a-deep-watch-in-vuejs#heading-second-way-to-perform-deep-watch

#coding
#javascript
#vue

Good Ways To Organize Large Vue.js Project

https://medium.com/@nile.bits/good-ways-to-organize-large-vue-js-project-a38e557c9876

#coding
#javascript
#vue

Vue 3 i18n: Building a multi-language app with locale switcher

https://lokalise.com/blog/vue-i18n/

#coding
#javascript
#vue

A Comprehensive Guide to Vue Localization

https://phrase.com/blog/posts/ultimate-guide-to-vue-localization-with-vue-i18n/

#coding
#javascript
#vue

Use Vue3 Dynamic Components Like a Pro: A Comprehensive Guide

https://javascript.plainenglish.io/use-vue3-dynamic-components-like-a-pro-920084acb35e

#coding
#javascript
#vue

Lazy Load Vue Component When It Becomes Visible

https://mokkapps.de/blog/lazy-load-vue-component-when-it-becomes-visible

#coding
#vue

Vue3 + TS + Vue Query + Express + tRPC: setup example

https://dev.to/alousilva/vue3-typescript-express-trpc-setup-example-2mlh

#coding
#vue
#typescript

​Как создать и развернуть библиотеку компонентов Vue в NPM

Если вы в разных проектах используете одну и ту же систему дизайна, эффективнее и быстрее иметь библиотеку компонентов, на которую можно ссылаться для всех ваших компонентов в разных проектах.

В этой статье автор подробно разобрал, как использовать этот лайфхак на практике:

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

#vue

Yes, here are 3 ways to create a multiple layout system with Vue 3

https://itnext.io/3-ways-to-create-a-multiple-layouts-system-vue-3-b24c0736b7bb

#coding
#vue

Lazy Load Vue Component When It Becomes Visible

https://mokkapps.de/blog/lazy-load-vue-component-when-it-becomes-visible

#coding
#vue

Vue Project Directory Structure: Keep It Flat or Group by Domain

https://markus.oberlehner.net/blog/vue-project-directory-structure-keep-it-flat-or-group-by-domain

#coding
#vue

Optimizing A Vue App

https://www.smashingmagazine.com/2022/11/optimizing-vue-app/

#coding
#vue

Improve Vue Performance with v-once + v-memo

https://learnvue.co/articles/v-once-v-memo

#coding
#vue

Improving the Performance of Vue 3 Applications Using v-memo and KeepAlive

https://www.thisdot.co/blog/improving-the-performance-of-vue-3-applications-using-v-memo-and-keepalive

#coding
#vue