Kelnik Foundation Template

Шаблон для начала работы с Foundation

Требования

Для работы необходимы

• Node.js
• Gulp: [sudo] npm install -g gulp
• Bower: [sudo] npm install -g bower
• Jscs: [sudo] npm install jscs -g
• Jshint: [sudo] npm install jshint -g
• Ruby
• Compass: [sudo] gem install compass
• Scss-lint: [sudo] gem install scss-lint

Quickstart

git clone [email protected]:mrpavlikov/kelnik-foundation.git <project-name>
cd <project-name>
npm install && bower install && gulp build

Структура папок

Скрипты, шаблоны и стили хранятся внутри папки dist:

• styles
  • /_settings.scss : Конфигурационный файл Foundation (следует после установки скопировать оригинал из www/scripts/lib/foundation/scss/foundation/_settings.scss)
• scripts
  • app.js : точка входа
  • config.js : настройки RequireJS
  • /app : здесь должны храниться все прочие скрипты
  • /tpl : шаблоны Handlebars

Для подключения скриптов сайта нужно использовать префикс app/, например:

require(['app/form', 'app/map'], function(Form, map) {
    // do stuff
});

Подключение шаблонов с префиксом tpl/:

require(['tpl/form/error'], function(tpl) {
   // do stuff
});

Сторонние библиотеки, установленные через bower, находятся в папке www/scripts/lib. При добавлении их в config.js префикс lib/ не требуется.