Jak to celé funguje, aneb sekl jsem se. [GitHub a Less Bootstrap]

Pěkný podvečer WebTržníci, mám otázku ohledně bootstrapu v Less a jeho kompilace. Můj příběh: Vytvořil jsem si jednoduchou HTML strukturu například "index.html" a stylovat bych ji chtěl v LESS BootStrapu. Mám tedy složku, ve které mám index.html a složku s bootstrapem, na internetu jsem zkoušel návody na kompilaci do CSS pomocí node.js a NPM, jenomže vždy se objevil problém s GitHubem, na kterém to mám kvůli budoucí pomoci jednoho pána, který mne bude nasměrovávat, nicméně úkol mám takový, že mohu sám kódit v Less, ale narovinu - v životě jsem nic nekompiloval na PC (Vždy přes internetové kompilátory, ale je to nepohodlné), mnozí z Vás určitě znají mou problematiku, a proto se na Vás obracím, jaké řešení doporučujete. Momentální stav: Zřejmě jsem dělal všechno špatně, takže jsem na bodu, kdy mám index.html a složku bootstrap,oboje i na GitHubu, snažím se to všechno dostat do hlavy sám (nechodím na IT školu, dřevařina) a nemám pedagogy a školitele, je tu někdo, pro koho jsou podobné věci banalita? Budu Vás poslouchat na slovo, protože možná právě Vy vyřešíte mé trable, iTrader samozřejmostí, Děkuji za informace, Ondra

Grunt nebo Gulp

Napsal Ondřej Veřtát;1297922

Grunt nebo Gulp

Dobře, pozkúšám, díky---------- Příspěvek doplněn 08.06.2016 v 19:54 ----------Tak podle návodu přímo na stránce bootstrapu, kde také zmiňují grunt (http://getbootstrap.com/getting-started/) jsem to zkusil a až na to poslední, kdy jsem navigoval do složky bootstrap a spustil npm install se vše podařilo, jenom pár errorů, ale asi nic závažného, co myslíte?: npm WARN addRemoteGit Error: Command failed: git -c core.longpaths=true config --get remote.origin.url npm WARN addRemoteGit npm WARN addRemoteGit at ChildProcess.exithandler (child_process.js:202:12) npm WARN addRemoteGit at emitTwo (events.js:106:13) npm WARN addRemoteGit at ChildProcess.emit (events.js:191:7) npm WARN addRemoteGit at maybeClose (internal/child_process.js:850:16) npm WARN addRemoteGit at Socket.<anonymous> (internal/child_process.js:323:11) npm WARN addRemoteGit at emitOne (events.js:96:13) npm WARN addRemoteGit at Socket.emit (events.js:188:7) npm WARN addRemoteGit at Pipe._handle.close (net.js:492:12) npm WARN addRemoteGit twbs/grunt-sed#v0.2.0 resetting remote C:UsersOndSeAppDataRoamingnpm-cache_git-remotesgit- github-com-twbs-grunt-sed-git-v0-2-0-773a55c9 because of error: { Error: Command failed: git -c core.longpaths=true conf ig --get remote.origin.url npm WARN addRemoteGit npm WARN addRemoteGit at ChildProcess.exithandler (child_process.js:202:12) npm WARN addRemoteGit at emitTwo (events.js:106:13) npm WARN addRemoteGit at ChildProcess.emit (events.js:191:7) npm WARN addRemoteGit at maybeClose (internal/child_process.js:850:16) npm WARN addRemoteGit at Socket.<anonymous> (internal/child_process.js:323:11) npm WARN addRemoteGit at emitOne (events.js:96:13) npm WARN addRemoteGit at Socket.emit (events.js:188:7) npm WARN addRemoteGit at Pipe._handle.close (net.js:492:12) npm WARN addRemoteGit killed: false, npm WARN addRemoteGit code: 1, npm WARN addRemoteGit signal: null, npm WARN addRemoteGit cmd: 'git -c core.longpaths=true config --get remote.origin.url' } npm WARN deprecated graceful-fs@1.2.3: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update t o graceful-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree. npm WARN deprecated jade@1.11.0: Jade has been renamed to pug, please install the latest version of pug instead of jade npm WARN deprecated transformers@2.1.0: Deprecated, use jstransformer npm WARN deprecated graceful-fs@3.0.8: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update t o graceful-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree. npm WARN deprecated lodash@1.0.2: lodash@<3.0.0 is no longer maintained. Upgrade to lodash@^4.0.0. npm WARN prefer global marked@0.3.5 should be installed with -g npm WARN prefer global jsonlint@1.6.2 should be installed with -g npm WARN prefer global npm@2.15.6 should be installed with -g npm WARN prefer global jshint@2.8.0 should be installed with -g

Hele mas v tom trochu hokej takze podle me chces po nekterych programech veci na ktere nejsou urceny. Tvuj pribeh trochu zni jako vymenoval jsem u auta klinovej remen, vsechno fungovalo ale jak jsem pouzil potapecsky ploutve, snorchl a hvezdarskej dalekohled cely se to pokazilo.Obecne potrebujes neco co bude hlidat tvuj adresar, kde mas .sass/.scss soubory a kdykoliv zmacknes save prechrousta to obsah do normalniho CSS, kterymu rozumi prohlizec. Tzn. ty pises do sass, ale browser taha css. Tzn refresh browswru by mel nasledovat az potom co jsou vsechny preklady hotovy.Workflow muzes spravovat z nejakyho CLI (prikazovyho radkuGulp, Grunt), nebo (coz bych ti v teto fazi radil) si stahnes http://mhs.github.io/scout-app/ a ten se ti postara o preklad SASS na CSS.Git je v tom pribehu uplne nevinne. Jestli se ti neco rozbilo po pouziti Git-u tak sis kdovi odkud stahl kdovico a premazal sis pracovni adresar, ale stejnou paseku bys dokazal i TotalCommanderem nebo Notepadem.Prohlidni si nejaky videa na tema workflow https://youtu.be/BNaeiIAd7dM

Napsal vpixle;1300334

Hele mas v tom trochu hokej takze podle me chces po nekterych programech veci na ktere nejsou urceny. Tvuj pribeh trochu zni jako vymenoval jsem u auta klinovej remen, vsechno fungovalo ale jak jsem pouzil potapecsky ploutve, snorchl a hvezdarskej dalekohled cely se to pokazilo.

Obecne potrebujes neco co bude hlidat tvuj adresar, kde mas .sass/.scss soubory a kdykoliv zmacknes save prechrousta to obsah do normalniho CSS, kterymu rozumi prohlizec. Tzn. ty pises do sass, ale browser taha css. Tzn refresh browswru by mel nasledovat az potom co jsou vsechny preklady hotovy.

Workflow muzes spravovat z nejakyho CLI (prikazovyho radkuGulp, Grunt), nebo (coz bych ti v teto fazi radil) si stahnes http://mhs.github.io/scout-app/ a ten se ti postara o preklad SASS na CSS.

Git je v tom pribehu uplne nevinne. Jestli se ti neco rozbilo po pouziti Git-u tak sis kdovi odkud stahl kdovico a premazal sis pracovni adresar, ale stejnou paseku bys dokazal i TotalCommanderem nebo Notepadem.

Prohlidni si nejaky videa na tema workflow https://youtu.be/BNaeiIAd7dM

Je to úplně přesně jak píšete, vyzkouším tu scout-app. Kouknu na videa, díky za rady