NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Mezinárodní den IT společnosti je tady! Pouze nyní můžeš získat 90 % extra kreditů při nákupu od 1199 kreditů s promo kódem AJTACI90. Tak neváhej!

Diskuze – Lekce 1 - Příprava a nastavení

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
jozef.stropko
Člen
Avatar
jozef.stropko:6.4.2017 20:42

"Může se stát, že se vám budou při kompilaci zobrazovat nějaké errory, a pokud to bude něco o UTF-8, je to pravděpodobně způsobeno tím, že máte soubor uložený v nějaké složce, ve které jsou v názvu použity háčky/čárky. Stačí se jich zbavit a vše by mělo fungovat."

Ešte aby som nezabudol, tak posledný error, ktorý mi to vyhadzovalo počas konvertovania v sublime texte sa týkal kódovania utf-8 a riadil som sa podľa citácie z článku. Z kmeňového súboru, v ktorom mám podsúbory som odstránil interpunkciu. Týmto ďakujem za všetky rady!

 
Odpovědět
6.4.2017 20:42
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na jozef.stropko
Honza Bittner:6.4.2017 21:25

Teď už bych doporučoval kompilovat (a automatizovat projekt) například přes Gulp. Bohužel se v brzké době nedostanu k upgradu článků, ale inspirovat se můžeš například tímto mým nastavením https://github.com/…/gulpfile.js

Odpovědět
6.4.2017 21:25
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
MartinaK
Člen
Avatar
MartinaK:9.5.2017 0:05

Ahoj.
Mám problém s uložením a s kompilací tohoto kódu:
{

"cmd": ["sass", "--update", "$file:${file_pat­h}/../css/${fi­le_base_name}­.css", "--stop-on-error", "--no-cache"],
"selector": "source.sass, source.scss",
"line_regex": "Line ([0-9]+):",

"osx":
{
"path": "/usr/local/bin:$PAT­H"
},

"windows":
{
"shell": "true"
}

}
Sublime Text 3, SASS, SCSS a Ruby mám instalovaný podle https://www.youtube.com/watch?…
Zkopírovala jsem kód do Sublime Textu 3 do Plain Text, uložila ho do AppData\Roamin­g\Sublime Text 3\ Packages\User, pojmenovala jsem ho SASS.sublime-build, ale teď nevím v jakým formátu jsem to měla uložit, jestli Sass nebo SCSS, Plain Text anebo All Files?? :-(
Kód jsem dala do SCSS, ale když jsem zmáčkla Ctrl+B vyhodilo mi to tuhle chybu:
WARNING on line 3 of C:\Users\Marti­na\AppData\Ro­aming\Sublime Text 3\Packages\User\SAS­S.sublime-build:
This selector doesn't have any properties and will not be rendered.
WARNING on line 9 of C:\Users\Marti­na\AppData\Ro­aming\Sublime Text 3\Packages\User\SAS­S.sublime-build:
This selector doesn't have any properties and will not be rendered.
WARNING on line 10 of C:\Users\Marti­na\AppData\Ro­aming\Sublime Text 3\Packages\User\SAS­S.sublime-build:
This selector doesn't have any properties and will not be rendered.
WARNING on line 14 of C:\Users\Marti­na\AppData\Ro­aming\Sublime Text 3\Packages\User\SAS­S.sublime-build:
This selector doesn't have any properties and will not be rendered.
WARNING on line 15 of C:\Users\Marti­na\AppData\Ro­aming\Sublime Text 3\Packages\User\SAS­S.sublime-build:
This selector doesn't have any properties and will not be rendered.
WARNING on line 17 of C:\Users\Marti­na\AppData\Ro­aming\Sublime Text 3\Packages\User\SAS­S.sublime-build:
This selector doesn't have any properties and will not be rendered.
Error: Invalid CSS after "": expected selector, was "{"
on line 1 of C:\Users\Marti­na\AppData\Ro­aming\Sublime Text 3\Packages\User\SAS­S.sublime-build
Use --trace for backtrace.
[Finished in 0.6s with exit code 13]
[cmd: ['sass', '--update', 'C:\\Users\\Mar­tina\\AppData\\Ro­aming\\Sublime Text 3\\Packages\\U­ser\\SASS.subli­me-build:C:\\User­s\\Martina\\Ap­pData\\Roamin­g\\Sublime Text 3\\Packages\\U­ser/../css/SAS­S.css', '--stop-on-error', '--no-cache']]
[dir: C:\Users\Marti­na\AppData\Ro­aming\Sublime Text 3\Packages\User]
[path: C:\Ruby23\bin;C:\­ProgramData\O­racle\Java\ja­vapath;C:\Pro­gram Files (x86)\NVIDIA Corporation\Phys­X\Common;C:\Pro­gram Files\Common Files\Microsoft Shared\Windows Live;C:\Program Files (x86)\Common Files\Microsoft Shared\Windows Live;C:\Window­s\system32;C:\Win­dows;C:\Window­s\System32\Wbem;C­:\Windows\Sys­tem32\WindowsPo­werShell\v1.0\;C:\Pro­gram Files (x86)\Windows Live\Shared;C:\Pro­gram Files (x86)\EgisTec MyWinLocker\x64;C:\P­rogram Files (x86)\EgisTec MyWinLocker\;C:\Pro­gram Files (x86)\QuickTi­me\QTSystem\;C:\Pro­gram Files (x86)\VDownlo­ader;C:\Users\Mar­tina\.dnx\bin;C:\­Program Files\Microsoft DNX\Dnvm\;C:\­Program Files (x86)\Skype\Pho­ne\;C:\Users\Mar­tina\AppData\Lo­cal\Programs\Pyt­hon\Python36-32\Scripts\;C:\U­sers\Martina\Ap­pData\Local\Pro­grams\Python\Pyt­hon36-32\;C:\Program Files (x86)\Microsoft VS Code\bin;.;;.;]

Díky moc za pomoc. :-)

 
Odpovědět
9.5.2017 0:05
Avatar
Fíla N.
Člen
Avatar
Fíla N.:29.7.2017 0:33

Finály, konečně to buildí... Phew.
Musím tedy poděkovat Michal Martinec , díky jehož odkazu jsem to nakonec zprovoznil.
Přikladám odkaz od Martina (z jeho příspěvku): https://www.youtube.com/watch?…

 
Odpovědět
29.7.2017 0:33
Avatar
Radek Trojan
Člen
Avatar
Odpovídá na MartinaK
Radek Trojan:12.1.2018 9:45

Na otázku MartinaK bych taky rád znal odpověď. Z textu jsem pochopil instrukce tak, že jsem kod zkopíroval do PsPadu, uložil jako text a na hotovém souboru jem příponu txt přepsal na sublime-build. Chvíli mi trvalo najít složku, kde se má soubor uložit. Složku %appdata% jsem nenašel. Nakonec jsem usoudil, že soubor patří sem: c:\Users\Radek\Ap­pData\Roaming\Su­blime Text 3\Packages\User*.*
Snad mi to bude fungovat. :-)

Odpovědět
12.1.2018 9:45
Je fajn být tady s vámi
Avatar
Radek Trojan
Člen
Avatar
Odpovídá na Radek Trojan
Radek Trojan:12.1.2018 10:32

Tak nefunguje

Odpovědět
12.1.2018 10:32
Je fajn být tady s vámi
Avatar
Radek Trojan
Člen
Avatar
Radek Trojan:17.1.2018 9:59

Tak už to funguje. Nastavit tools na správný build systém a za příkazem k importu nezapomenout na středník. :-)

Odpovědět
17.1.2018 9:59
Je fajn být tady s vámi
Avatar
Bite Rook
Člen
Avatar
Bite Rook:22.2.2018 4:52

Připadám si teď jako naprostý amatér (což vlastně i více méně jsem), ale raději se zeptám, než abych to s neúspěchem vzdal. Nepochopil jsem konec tohoto článku. nainstaloval jsem si Sublime Text 3 i některé jeho pluginy. Poté jsem nainstaloval ruby a při instalaci zaškrtl pouze to políčko, které je vyzobrazeno v přiloženém obrázku v článku. Poté jsem v CMD zadal gem install sass, vše se bez erroru nainstalovalo. Zasekl jsem se u té části s kodem. kód jsem celý zkopíroval, vložil do PSpadu, uložil jako SASS.sublime-build a vložil do správné složky. Úplně jsem ale nepochopil, jak přesně funguje to zkompilování. jakou adresu bych měl zadat, tedy jak přesně by měl vypadat ${file_path}/­../css/${file_ba­se_name}.css, když můj CSS soubor je uložen v C:\BiteRook\web­stranka\web-flexbox\flexsty­les.css ? pokud jsem to správně pochopil, tak poté si v Sublime Text 3 vytvořím nový soubor, zapíšu nějaký sass kód, např.

$sirka : 500px;

p {
   @if $sirka < 500px
   {
      background: red;
   }
   @else if $sirka == 500px
   {
      background: green;
   }
   @else
   {
      background: blue;
   }
}

a on se mi poté v převedené CSS verzi přidá do mého již vytvořeného CSS souboru, když zmáčknu ctrl + b?

 
Odpovědět
22.2.2018 4:52
Avatar
Bite Rook
Člen
Avatar
Odpovídá na Bite Rook
Bite Rook:23.2.2018 23:11

tak nakonec to bylo opravdu jen nedorozumění textu. nakonec jsem se rozhodl pro PHPstorm a vše krásně šlape :)

 
Odpovědět
23.2.2018 23:11
Avatar
Kamil Maděra
Člen
Avatar
Kamil Maděra:7.3.2018 15:17

Ahoj, nejde mi nainstalovat ,,sass", nemohl by mi někdo poradit?

 
Odpovědět
7.3.2018 15:17
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 174.