vue spa project

vue-спа-проект

Основанный на стеке технологий vue.js, он использует MVC и другие конструкции иерархической структуры, проектирование разделения данных, компонентизацию и автоматическое создание проектов одностраничных приложений.

стек технологий

• vue.js (2.4)
• vuex (управление состоянием)
• vue-router (внешняя маршрутизация, асинхронная загрузка)
• fetch (заменяет ajax и делает сетевые запросы более эффективными)
• element-ui (библиотека компонентов пользовательского интерфейса на стороне ПК, основанная на vue)

Webpack (автоматическая сборка)

• Предварительная компиляция Babel (ES6, SCSS и т. д.) и асинхронные компоненты для реализации отложенной загрузки маршрутизации.
• Контроль качества кода ESlint: весь код должен быть написан в соответствии со стандартными спецификациями, чтобы пройти компиляцию и избежать некоторых ошибок низкого уровня.
• Локальный сервер разработки будет отслеживать изменения файлов, автоматически компилировать и обновлять браузер.
• Фронтальные макетные данные, не нужно ждать реализации внутреннего интерфейса.
• Тестовый сервер автоматически разворачивает развертывание (необходимо запустить на сервере скрипт приема, написанный узлом: file-receiver)

Если требуется рендеринг на стороне сервера (SSR), рекомендуется использовать: NUXT.

Настройка сборки

 # install dependencies (use cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org)
cnpm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run all tests for unit test and e2e test
npm test

# check update for npm packages, please install 'npm install npm-check-updates -g' at first
npm run update