EasyMall с использованием Vue.js с рядом включённых плагинов Vuex, Vue Router, Axios, Mock.js

Vuex менеджер состояния данных для одиночной страницы

Vue Router менеджер маршрутов для одиночной страницы

Axios плагин для HTTP-запросов

Mock.js мощное средство для быстрой разработки фронтенда независимо от бэкендовых API

Онлайн-магазин

EASYMALL

Бэкенд-код на основе ThinkPHP5

Код backend части проекта EASYMALL EASYMALLSERVER

Как использовать

# Установка зависимостей
npm install

# Запуск приложения с горячей перезагрузкой на localhost:8080
npm run dev

# Сборка для продакшена с минификацией
npm run build

# Сборка для продакшена и просмотр отчёта анализатора пакетов
npm run build --report

Структура директорий

Исходная структура директорий следующая:~~~ www — Директория для развертывания web (или её поддиректория) ├─build — Настройки сборки webpack ├─config — Параметры конфигурации сборки webpack ├─src — Код разработки приложения │ ├─components — Самостоятельно созданные повторно используемые UI компоненты │ ├─config — Конфигурация разработки приложения │ ├─plugin — Самостоятельные плагины vuejs │ ├─router — Настройки маршрутизации │ ├─service — Настройки HTTP и вызовы обратного вызова API │ ├─static — Разработка CSS и иконок (в примерах используется иконки из Ali Iconfont) │ ├─view — Компоненты страниц │ ├─view-decoupling — Отделённые компоненты страниц │ ├─vuex — Глобальное управление состоянием │ ├─app.vue — Корневой компонент vue │ └─main.js — Входной файл для одиночной страницы ├─static — Директория для статических файлов