Diskusia – 1. diel - Príprava a nastavenie

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre

jozef.stropko

Člen

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!

Odpovedať

6.4.2017 20:42

Honza Bittner

Tvůrce

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

Odpovedať

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.

MartinaK

Člen

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_path}/../css/${file_base_name}.css", "--stop-on-error", "--no-cache"],
"selector": "source.sass, source.scss",
"line_regex": "Line ([0-9]+):",

"osx":
{
"path": "/usr/local/bin:$PATH"
},

"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\Roaming\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\Martina\AppData\Roaming\Sublime Text 3\Packages\User\SASS.sublime-build:
This selector doesn't have any properties and will not be rendered.
WARNING on line 9 of C:\Users\Martina\AppData\Roaming\Sublime Text 3\Packages\User\SASS.sublime-build:
This selector doesn't have any properties and will not be rendered.
WARNING on line 10 of C:\Users\Martina\AppData\Roaming\Sublime Text 3\Packages\User\SASS.sublime-build:
This selector doesn't have any properties and will not be rendered.
WARNING on line 14 of C:\Users\Martina\AppData\Roaming\Sublime Text 3\Packages\User\SASS.sublime-build:
This selector doesn't have any properties and will not be rendered.
WARNING on line 15 of C:\Users\Martina\AppData\Roaming\Sublime Text 3\Packages\User\SASS.sublime-build:
This selector doesn't have any properties and will not be rendered.
WARNING on line 17 of C:\Users\Martina\AppData\Roaming\Sublime Text 3\Packages\User\SASS.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\Martina\AppData\Roaming\Sublime Text 3\Packages\User\SASS.sublime-build
Use --trace for backtrace.
[Finished in 0.6s with exit code 13]
[cmd: ['sass', '--update', 'C:\\Users\\Martina\\AppData\\Roaming\\Sublime Text 3\\Packages\\User\\SASS.sublime-build:C:\\Users\\Martina\\AppData\\Roaming\\Sublime Text 3\\Packages\\User/../css/SASS.css', '--stop-on-error', '--no-cache']]
[dir: C:\Users\Martina\AppData\Roaming\Sublime Text 3\Packages\User]
[path: C:\Ruby23\bin;C:\ProgramData\Oracle\Java\javapath;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files\Common Files\Microsoft Shared\Windows Live;C:\Program Files (x86)\Common Files\Microsoft Shared\Windows Live;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\Windows Live\Shared;C:\Program Files (x86)\EgisTec MyWinLocker\x64;C:\Program Files (x86)\EgisTec MyWinLocker\;C:\Program Files (x86)\QuickTime\QTSystem\;C:\Program Files (x86)\VDownloader;C:\Users\Martina\.dnx\bin;C:\Program Files\Microsoft DNX\Dnvm\;C:\Program Files (x86)\Skype\Phone\;C:\Users\Martina\AppData\Local\Programs\Python\Python36-32\Scripts\;C:\Users\Martina\AppData\Local\Programs\Python\Python36-32\;C:\Program Files (x86)\Microsoft VS Code\bin;.;;.;]

Díky moc za pomoc. :-)

Odpovedať

9.5.2017 0:05

Fíla N.

Člen

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?…

Odpovedať

29.7.2017 0:33

Radek Trojan

Člen

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\AppData\Roaming\Sublime Text 3\Packages\User*.*
Snad mi to bude fungovat. :-)

Odpovedať

12.1.2018 9:45

Je fajn být tady s vámi

Radek Trojan

Člen

Radek Trojan:12.1.2018 10:32

Tak nefunguje

Odpovedať

12.1.2018 10:32

Je fajn být tady s vámi

Radek Trojan

Člen

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. :-)

Odpovedať

17.1.2018 9:59

Je fajn být tady s vámi

Bite Rook

Člen

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_base_name}.css, když můj CSS soubor je uložen v C:\BiteRook\webstranka\web-flexbox\flexstyles.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?

Odpovedať

22.2.2018 4:52

Bite Rook

Člen

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

Odpovedať

23.2.2018 23:11

Kamil Maděra

Člen

Kamil Maděra:7.3.2018 15:17

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

Odpovedať

7.3.2018 15:17

Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 174.

Najčastejšie vyhľadávané

Diskusia – 1. diel - Príprava a nastavenie