Усовершенствованный веб -стартовый комплект
Чтобы смело идти туда, куда никто не ушел раньше
Как использовать
- Клонировать или скачать и распаковать в желаемом месте
- Загрузите и установите последнюю версию Node.js
- Установите GraphicsMagick (рекомендуется) или ImageMagick для вашей ОС. Примечание: обязательно установить один из них перед запуском
npm install - Установите переменные среды [Руководство]
- Установить зависимости проекта:
npm install - (необязательно) Добавить свой репозиторий в Трэвис для автоматических тестов
- (Необязательно) Настройте непрерывное развертывание с помощью Circleci или Werker Docker после нашего руководства
- Код в прямом эфире с:
npm start или npm start -- --hmr если вам нужна горячая модуль перезагрузка - Стройте с:
npm run build - Развернуть и наслаждаться своей жизнью
Что внутри?
- Разумная структура для проектов
- Статические страницы поколение
- Подготовленные конфигурации для быстрого непрерывного развертывания и настройки автоматических тестов
- Ворчать с предварительно настроенными задачами
- Nunjucks, полная установленная шаблонная двигатель
- Встроенные Nunjucks Globals and Filters для форматирования чисел, дат, получение текущего URL-адреса страницы, локализации, хлебной крошки и т. Д.
- Человеческие читаемые URL -адреса
- Файлы шаблонов на основе лучших практик
- I18N с узлом-GetText и настроенными макетами для правильного объявления текущей локали и альтернативных URL-адресов
- Компилятор SASS с генерацией карт исходных карт, автопрофиксированием, оптимизацией, министерством и лининге
- Ekzo Sass Framework
- WebPack с поддержкой ES6, управлением и объединением зависимостей JavaScript и дополнительной перезагрузки или пыла
- Стандарт для линирования и автоматического форматирования JavaScript
- Live Reload Powered By Webpack-dev-server
- Аннотация типа времени и проверка данных с помощью
tcomb и tcomb-validation , встроенные удобные усовершенствования. - Предварительно сконфигурированные метатеги для открытого графика и карт Twitter
- Обычно используется поставщиками поиска структурированных данных на основе RDFA
- Automatic
sitemap.xml Generation с Grunt-Sitemap-Xml - Автоматическое генерация спрайтов с спрайт -митом
- Автоматическое сжатие изображений с помощью tinypng
- Автоматические адаптивные изображения.
- Разделить не оптимизированные файлы в разработке, и
- Скомпилированные и минимизированные файлы для производства
И намного больше под капюшоном. У нас просто не было времени документировать все функции. Еще.
Документация
Работа в процессе
- Структура
- Переменные среды
- Данные
- Структурированные данные
- URL
- Непрерывная доставка
- Рецепты
Примеры
Развернутая версия Kotsu из Master Branch можно найти здесь.
Обратите внимание, что раздел «Примеры» до сих пор особенно наименьшей часть предопределенных элементов и функций.
Поддержка браузеров
JavaScript
| Т.е. | Край | Хром | Firefox | Сафари | Опера | Opera Mobile | ios safari | Android |
|---|
| 9+ | 12+ | 21+ | 28+ | 6,1+ | 12.1+ | 12.1+ | 7+ | 4+ |
Чтобы включить функции ES6 в IE11 и ниже, некоммертный import 'babel-polyfill' в main.js Смотрите детали здесь.
Сборка по умолчанию поставляется с JQUERY 3.1.0+, которая не поддерживает IE8. Замените его версией Pre 3.0.0, если вам нужна поддержка IE8.
CSS
| Т.е. | Край | Хром | Firefox | Сафари | Опера | Opera Mobile | ios safari | Android |
|---|
| 10+ | 12+ | 21+ | 28+ | 6,1+ | 12.1+ | 12.1+ | 7,1+ | 4.4+ |
Обратитесь к разделу поддержки браузеров EKZO для получения подробной информации о грациозной регрессии для IE9 и ниже, которая по умолчанию включает в Kotsu.
Чтобы отключить грациозные регрессии для старых, IE()
Устаревшее сообщение браузера
В IE9 и ниже пользователи увидят баннер перед содержанием страницы с сообщением о устаревшем браузере и ссылке на устаревший браузер.
Чтобы отключить устаревшее сообщение браузера, удалите OutdatedBrowser() из базового макета.
Лицензия
Copyright 2014 Lotustm. Лицензирован по лицензии Apache 2.0.