##Ajo-ohjeet
- Asenna node.js
1.1 mene komentorivillä BE-kansion sisään.
1.2 suorita komento npm install
- Serveri käynnistyy komennolla
node server.js
1.01 Asenna gulp
ajamalla komentorivillä npm install gulp -g
1.1 mene komentorivillä FE-kansion sisään
1.2 suorita komenta npm install
HUOM front-endin tyylittelyssä käytetään SCSS
eikä CSS
. Muutokset tyyleihin tehdään siis assets
kansion styles.scss
tiedostoon.
SCSS
on mukavampi käyttää, sillä se mahdollistaa muuttujien käytön esimerkiksi värien määrittelyssä. Lisäksi tyylejä voidaan sisentää
ESIM. SCSS:
body{
div{
}
}
vertaa CSS:
body {
}
body div {
}
- suorita komento
gulp
, joka seuraa muutoksiastyles.scss
tiedostossa ja muuntaastyles.scss
tiedostonstyles.css
tiedostoksidest
kansioon sekä päivittää selaimen automaattisesti kun tiedosto muuttuu.