Сборка создавалась с следующими версиями
node v12.19.0
yarn v1.22.10
- Webpack
- Yarn
- Scss
- nunjucks - шаблонизатор html
- Vue
- Prettier - Отвечает за визуальное форматирование кода
- Eslint - Отвечает за правильность написания кода
Контроль качества кода производится при помощи Prettier и Eslint.
За основу конфигураций (.eslintrc.js, .prettierrc.js) был взят Style Guide Airbnb + включенные настройки плагина eslint-plugin-vue.
Env позволяют по разному конфигурировать проект для dev и prod среды. Такие вещи как домены api, ключи для api должны быть вынесены в .env
- Клонируйте репозиторий
- Установите командой yarn зависимости проекта
- На основе .env-example создайте файл .env
yarn build - Билд проекта prod версии
yarn dev - Запуск проекта в dev режиме
yarn lint - Запуск линтинга всего проекта и автоматического исправления. Линтер сможет исправить только некоторые проблемы
yarn vue:create-app kebab-name - Генерация нового инстанса vue
Vue
- Для работы примера Vue в .env файле есть ссылка на тестовое апи. Ее можно удалить
- В файле src/vue/vue-apps.js для демонстрации использования Vue в проекте инициализируется инстанс Vue (c 5 по 10 строку). Его можно удалить или закомментировать.
Для быстрого форматирования кода под локальную конфигурация проекта требуется установить плагин в вашу IDE.