Инструмент для изучения перед изучением 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.