insulineru / vue-boilerplate

Vuetify, поддержка GDPR, тёмная тема, интернационализация и др. в стартовом шаблоне

Home Page:https://insulineru.github.io/vue-boilerplate/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Vue Boilerplate

Функционал бойлерплейта

  • Подключены наиболее используемые пакеты: Router, Vuex, i18n, Vuetify – Подключены препроцессоры: Pug для разметки, SCSS для стилей.
  • Используется компонентный подход
  • Настроена мультиязычность (стандартно русский и английский язык)
  • Создана базовая разметка для приложения с помощью Vuetify
  • Eslint для проверки ошибок
  • Добавлена ночная тема с включением в Навбаре

Установка проекта

  • установите NodeJS (если требуется) и Yarn
  • скачайте сборку с помощью Git: git clone https://github.com/insulineru/vue-boilerplate.git
  • перейдите в скачанную папку со сборкой: cd vue-boilerplate
  • скачайте необходимые зависимости: yarn
  • чтобы начать работу, введите команду: yarn serve (режим разработки)
  • чтобы собрать проект, введите команду yarn build (режим сборки)

Деплой проекта

В сборке добавлен файл deploy.sh, который при минимальной донастройке можно использовать для деплоя вашего проекта на Github Pages. Для этого неообходимо:

  • В файле vue.config.js указать publicPath: process.env.NODE_ENV === "production" ? "/<REPONAME>/" : "/" где вместо REPONAME указать название вашего репозитория на гитхабе.
  • В файле deploy.sh git push -f git@github.com:<USERNAME>/<REPONAME>.git master:gh-pages заменить <USERNAME> на ваш логин на гитхабе, а <REPONAME> на название вашего репозитория.
  • После этого в корневой директории проекта пропишите sh deploy.sh и при необходимости введите пароль от Github для пуша в репозиторий.
  • Инструкция по добавлению на отдельный домен находится внутри файла deploy.sh

Со стартовой страницей репозитория можно ознакомиться по адресу

https://insulineru.github.io/vue-boilerplate/

About

Vuetify, поддержка GDPR, тёмная тема, интернационализация и др. в стартовом шаблоне

https://insulineru.github.io/vue-boilerplate/

License:MIT License


Languages

Language:JavaScript 42.3%Language:Vue 38.8%Language:HTML 12.1%Language:Shell 6.8%