02 Rozjetí DevStacku
Aktuální verze
Aktuální verzi šablon najdete na GitHubu, který si prosím naklonujte do svého počítače.
Windows
- Před rozjetím projektu je potřeba nainstalovat
-
Nyní je potřeba nastavit PHP
- Přidat PHP do PATH – ukázka
- Přidat npm do PATH stejně jako PHP, cesta k npm: C:\Users\__your_account__\AppData\Roaming\npm (namísto __your_acount__ zadejte název vašeho účtu na PC)
-
Nainstalovat globální balíčky pomocí npm
- Bower – v command line: npm install bower -g
- Gulp – v command line: npm install gulp-cli -g
-
Nyní je vše nainstalováno a můžeme přejít k rozjetí projektu
- Nainstalovat npm balíčky - v command line: npm install
- Nainstalovat bower balíčky - v command line: bower install
- Spustit gulp - v command line: gulp (při dalším spouštění stačí již pouze příkaz gulp, pokud tedy není potřeba doinstalovat nové bower/npm balíčky)
Mac
-
Před rozjetím projektu je potřeba naistalovat
- xCode z AppStoru + projít prvním spuštěním
- Command Line Tools z Apple Developers (musí být k nainstalované verzi xCodu)
- Homebrew - $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
- Node.js – $ brew install node
-
Přidat cesty k nodu do souboru .profile, který naleznete /Users/uživatel/.profile
homebrew=/usr/local/bin:/usr/local/sbin
export PATH=/usr/local/share/npm/bin:$PATH
export PATH=$homebrew:$PATH -
Nainstalovat další závislosti
- Bower – $ npm install bower -g
- Gulp – $ npm install gulp-cli -g
- ImageMagick – $ brew install imagemagick
-
PHP
- $ brew tap homebrew/dupes
- $ brew tap josegonzalez/homebrew-php
- $ brew install php54
-
Spuštění projektu
- $ sh start.sh
-
Tento příkaz automaticky spustí:
- npm install --no-progress
- bower install
- gulp (při dalším spouštění stačí již pouze příkaz gulp, pokud tedy není potřeba doinstalovat nové bower/npm balíčky)
Příkazy k práci s devstackem
- gulp - Příkaz pro vykompilování již nastaveného projektu a spuštění watcherů
- gulp min - Příkaz pro vykompilování minifikovaného projektu (minifikují se JS, CSS a obrázky). U tohoto příkazu se nepouští watcher
- gulp minwatch - Příkaz pro vykompilování minifikovaného projektu a spuštění watcherů
- gulp export - Příkaz pro vyexportování minifikovaného projektu do zipu (ideální pro verzování)
Další Gulp tasky
Zobrazení vykompilované verze v prohlížeči
Po rozjetí devstacku šablony běží na virtuální adrese http://localhost:3000/tpl (není-li obsazen port - přesná adresa se případně zobrazí v konzoli po spuštění příkazu gulp) nebo lze klasicky otevřít index.html z /web/tpl/
Dokumentace jednotlivých složek devstacku
- Node.js - balíčkovací ekosystém
- NPM - balíčkovací manager pro Node.js
- ImageMagick - knihovna pro práci s obrázky
- Gulp - nástroj pro automatizaci workflow
- Bower - package manager pro web
- SASS - preprocesor pro CSS
- CoffeeScript - preprocesor pro JS
- PHP - skriptovací jazyk použitý ke generování statických HTML šablon
- xCode - vývojářské nástroje pro OSx
- Brew - package manager pro OSx