Инструмент для изучения перед изучением Vue.js

Посетите mobiosolutions.com для разработки проекта Vue.js.

Vue (произносится как / vjuː /, как вид) - это прогрессивный фреймворк для создания пользовательских интерфейсов. В отличие от других монолитных фреймворков, Vue разработан с нуля для постепенного внедрения. Основная библиотека ориентирована только на слой представления, и ее легко выбрать и интегрировать с другими библиотеками или существующими проектами. С другой стороны, Vue также отлично поддерживает сложные одностраничные приложения при использовании в сочетании с современными инструментами и вспомогательными библиотеками.

Вот список инструментов, которые официально поддерживаются / созданы Vue.js

1.vue-devtools

GitHub С 7690 звездами

vue-dev-tools - это расширение Chrome для отладки приложений Vue.js, позволяющее проверять состояние компонента, отслеживать события (от event-buss или стороннего компонента) и отлаживать состояние Vuex во времени.

2.vuejs-шаблоны

Этот шаблон предназначен для крупных серьезных проектов и предполагает, что вы в некоторой степени знакомы с Webpack и vue-loader. Обязательно прочтите vue-loader документацию, чтобы узнать о общих рецептах рабочего процесса.

Если вы просто хотите попробовать vue-loader или создать быстрый прототип, используйте вместо него шаблон webpack-simple.

Чтобы использовать этот шаблон, создайте проект с помощью vue-cli. Для более эффективного дерева зависимостей рекомендуется использовать npm 3+.

3.vue-loader

vue-loader - это загрузчик для веб-пакета, который может преобразовывать компоненты Vue, написанные в следующем формате, в простой модуль JavaScript:

vue-loader предлагает множество интересных функций:

  • ES2015 включен по умолчанию;
  • Позволяет использовать другие загрузчики веб-пакетов для каждой части компонента Vue, например Sass для <style> и Jade для <template>;
  • Позволяет настраивать разделы в файле .vue, к которым можно применять настраиваемые цепочки загрузчиков.
  • Рассматривайте статические ресурсы, указанные в <style> и <template> как зависимости модулей, и обрабатывайте их с помощью загрузчиков веб-пакетов;
  • Может имитировать CSS с ограниченной областью видимости для каждого компонента;
  • Поддерживает горячую перезагрузку компонентов во время разработки.

Короче говоря, сочетание webpack и vue-loader дает вам современный, гибкий и чрезвычайно мощный интерфейсный рабочий процесс для создания приложений Vue.js.

Посетите mobiosolutions.com для разработки проекта Vue.js.