Что такое Vue.js?

Vue — это платформа JavaScript с открытым кодом, интерфейсная платформа JavaScript для создания пользовательских интерфейсов и одностраничных приложений в Интернете. Создан Evan You, выпущенный в 2014 году и поддерживаемый Evan и его основной командой, Vue фокусируется на декларативной отрисовке и композиции компонентов, предлагающей базовую библиотеку только для слоя представления.

Если вы хотите создать веб-приложение Vue, отрисованное на сервере, с расширенными функциями, такими как маршрутизация, управление состояниями и средства сборки, ознакомьтесь с Nuxt.js.

Что делает Vue уникальным?

Vue использует архитектуру модель-представление-модель представления. Эван Ю ранее работал над AngularJS в Google и извлек части Angular, чтобы предложить более легкий фреймворк. Vue во многих отношениях похож на React, Angular, Ember, Knockout и т. д. См. документацию по Vue для более подробного сравнения с другими фреймворками JavaScript.

Что можно сделать с Vue?

• Создание одностраничного приложения (SPA)
• Используйте только компонент Vue, чтобы добавить простой список to-do в приложение или найти более сложные примеры
• Создание серверного веб-сайта с помощью серверной части Node.js с помощью Nuxt.js

Средства Vue

Vue.js ориентирован только на слой представления, поэтому может потребоваться дополнительное средство для создания более сложного приложения. Вы можете рассмотреть возможность использования:

• Диспетчер пакетов: два популярных диспетчера пакетов для Vue — npm (который входит в NodeJS) и yarn. Они оба поддерживают широкую библиотеку хорошо поддерживаемых пакетов, которые можно установить.
• Vue CLI: стандартный набор инструментов для быстрой Vue.js разработки с встроенной поддержкой Babel, PostCSS, TypeScript, ESLint и т. д.
• Nuxt.js: Фреймворк для серверной генерации приложений Vue.js. Отрисовка на стороне сервера может улучшить SEO и сделать пользовательские интерфейсы более адаптивными.
• Набор расширений для Vue для VS Code: добавляет подсветку синтаксиса, форматирование кода и фрагменты кода в .vue-файлы.
• Vuetify: библиотека пользовательского интерфейса Vue, предлагающая компоненты Платформы материального проектирования.
• Vuesion: шаблон на Vue для прогрессивных веб-приложений (PWA), готовых к использованию в производстве.
• Storybook: среда разработки и тестирования для компонентов пользовательского интерфейса Vue.
• Маршрутизатор Vue: поддерживает сопоставление URL-адресов приложений с компонентами Vue.
• Vue Design System: инструмент с открытым исходным кодом для создания систем проектирования с Vue.js.
• VueX: система управления состоянием для приложений Vue.

Дополнительные ресурсы

• документация по Vue
• Vue.js обзор
• Установка Vue.js на WSL
• Установка Vue.js в Windows
• установить Nuxt.js
• сделайте первые шаги с Vue.js планом обучения
• Попробуйте руководство по Vue с помощью VS Code