1. Visual studio code (VS code) - Instalace a tvorba prvního projektu, základní funkce

Рет қаралды 53,186

David Šetek - Hackni svou budoucnost

3 жыл бұрын

Visual studio code je textový editor pro psaní kódu. Podle mého názoru patří k jedněm z nejlepších na trhu. Ale záleží na každém, co se mu líbí a na co je zvyklí. Určitě se ale vyplatí dát VS code šanci a minimálně ho vyzkoušet.
V tomto seriálu videí si ukážeme základní funkce a jak VS code používat, abychom si ušetřili čas. Nejdříve si VS code nainstalujeme a zprovozníme. Založíme v něm náš první projekt, abychom si mohli ukázat další vychytávky. Budeme se zabývat zkratkami, vložením výplňkového textu lorem ipsum, barevnými schématy, zalamováním textu, středníky atd. Bude toho dost.

Пікірлер: 75

@lilmole9402 2 жыл бұрын

o muj bože, ty jsi tak super youtuber, děkuji ti moc za ty videa, pomáhají :)

@hacknisvoubudoucnost 2 жыл бұрын

To jsem moc rád Až díky tobě jsem si teď vlastně uvědomil, že jsem youtuber :-)

@jirilorenz6688 Жыл бұрын

Normálně jsem se do tohoto prográmku zamiloval. Je velmi, velmi intuitivní. Děkuji Ti za to, že jsi jej nejen nasdílel, ale hlavně, že jsi natočil tento návod jak s ním začít.

@hacknisvoubudoucnost Жыл бұрын

To rád slyším 🙂

@josefbilek1020 2 жыл бұрын

Skvělý tutoriál. Moc děkuji za nahrání.

@hacknisvoubudoucnost 2 жыл бұрын

Není zač. Jsem rád, že pomohl

@helix5 2 жыл бұрын

Díky moc za tutoriál :)

@hacknisvoubudoucnost 2 жыл бұрын

Není vůbec zač :-)

@matejschwarz7366 3 жыл бұрын

jenom ti chci poděkovat si fakt super youtuber díky tobě jsem se naučil udělat stránky si skvělí a pokračuj v tom co děláš protože ti to jde dobře

@hacknisvoubudoucnost 3 жыл бұрын

Díky moc. Jsem rád, že videa pomáhají

@valterlau5256 3 жыл бұрын

Mne sa páči používam ho takmer od začiatku.Díky za videa.

@hacknisvoubudoucnost 3 жыл бұрын

Je super

@flexor_4042 5 ай бұрын

Zdravím 2:32 nevadí že jsem zaklikl "Register Code as editor for supported file types" ?

@stanislavjakoubek1973 2 жыл бұрын

Ahoj, děkuju za tvoje videa. Kam se hrabu ;-). Jsem rád za videa k VS Code. Myslím, že má velmi přívětivé prostředí a vím, že ho budu používat a divím se sám sobě, že jsem ho nepoužíval už dřív. Třeba jen taková drobnost, jako že se vytvoří složka a přímo v ní ten VSC umožní vytvořit soubory ještě dřív, než se napíše byť jen řádka kódu ... . Co mě vždycky stojí úsilí přesvědčit žactvo, že když si jednotlivé soubory uložej bůhví kam, že to prostě běhat nebude ... . Děkuju moc za inspiraci 👍👍👍

@hacknisvoubudoucnost 2 жыл бұрын

Ahoj, díky za komentář. Jsem rád, že ti videa pomáhají

@firefox.3496 2 жыл бұрын

7:05 můžeš držet CTRL a u toho mačkat TAB :)

@dusanjarkovsky7907 2 жыл бұрын

So much faster.

@vladimirtinak4454 2 жыл бұрын

Super

@hacknisvoubudoucnost 2 жыл бұрын

Díky

@marekszkandera1330 3 жыл бұрын

Dobrý den Davide. Opět jste mě dostal👍. Během vašich HTML a CSS kurzů jsem si nainstaloval toto Id. Pořád jsem si říkal, proč jste právě toto Id nezmínil. No a dnes pustím KZfaq a ............👏👍

@hacknisvoubudoucnost 3 жыл бұрын

Dobrý den Marku, sám jsem ho objevil až později v průběhu kurzu. Je fajn, když si lidé vyzkouší alespoň dva editory, ale stejně nakonec asi většina z nás skončí u tohoto :-)

@neasteal1768 3 жыл бұрын

6:50 také to fugnuje držením alt a 1,2,3.

@rugbicek Жыл бұрын

Ahoj Davide! Díky za paradní práci kterou děláš. Mohl by si tu třeba jen v komenáři popsat, jak si nastavit VS Code, abych mohl dělat kurz PHP v něm místo Brackets?

@hacknisvoubudoucnost Жыл бұрын

Ahoj, díky, jsem rád, že se ti videa líbí. Ve VS code jsem PHP nikdy nedělal. Musel bych na to mrknout, ale myslím si, že tam nebude moc odlišností oproti jiným editorům. Stále otevíráš v Xamppu i Mampu stejnou složku. V editoru ty soubory jen upravuješ. Myslím, že postup by měl být stejný

@sebastian9624 Жыл бұрын

Ahoj můžu se zeptat . Máš tam ty skratky jako style.ccs jaká zkrátka je pro unity nebo kde to najdu

@hacknisvoubudoucnost Жыл бұрын

Ahoj, teď nevím, jaké zkratky myslíš

@marinri Жыл бұрын

čau, jen jsem se chtěl zeptat, omylem jsem zakryl úplně vlevo lištu která zobrazuje ty 4 ikony (jedna z nich lupa atd..) jak ji mužu zase odkrýt?

@hacknisvoubudoucnost Жыл бұрын

Ahoj, jdi nahoře na liště do View -> Appearance -> a tady klikni na Activity Bar

@robog5 2 жыл бұрын

Je mozne integrovat do Visual studio code nahlad z prehliadaca Chromu. Teraz ked pisem nejaky kod tak musim stale prepinat s Visual code do Console Chrome. Su online riesenia kde kod aj vysledok su integrovane v jednom okne. Dik

@hacknisvoubudoucnost 2 жыл бұрын

Zatím jsem se s tím nesetkal

@Peter-nk3uj Жыл бұрын

keby si mal dať rebríček oblúbený SW na html, css aký by bol ? vs code, sublime, bracket..... a pod. ? a prečo ? díky

@hacknisvoubudoucnost Жыл бұрын

Na HTML a CSS a JS používám VS code. Dobře se mi v něm dělá a vyhovují mi i klávesové zkratky a nemusím je nijak nastavovat. Na Python zase používám PyGame kvůli lehké nastavitelnosti modulů. Zkoušel jsem i sublime a brackets. Nejsou špatné, ale co do rozvoje a stability mi hodně vyhovuje VS code.

@marekszkandera1330 3 жыл бұрын

Dobrý den Davide,měl bych na Vás dotaz. Co si myslíte o Bootstrap 5. Přijde mi hodně zajímavé jak dokáže pracovat a být responzivní. Je Bootstrap pořád ještě plnohodnotné kódování nebo zkrátka ve výuce. Líbí se mi výběr přednastavených komponentů, např naw-bar atd. Líbil by se mi tutoriál na toto téma,pokud je to pro Vás zajímavé. Zatím mám za sebou Váš kurz HTML a CSS. Děkuji Marek.

@danielgago-sk 3 жыл бұрын

No tiež som zvedavý na prípadné odpovede, ale grid a flex zvládajú toho dosť taktiež, do toho nové všelijaké nadstavby, takže neviem aké je momentálne postavenie Bootstrap-u.

@hacknisvoubudoucnost 3 жыл бұрын

Dobrý den Marku, Bootstrap je sám o sobě velkou otázkou. Setkal jsem se s názory, že by se měl používat pouze na malé projekty. Někdo zase tvrdí, že naopak jen na velké projekty a na malé nemá smysl. Například proto, že načítá obrovské množství CSS. Asi není možné říci, kde je pravda. Ale Bootstrap se běžně v praxi používá. S Bootstrapem 5 jsem zatím moc nepracoval. Vím, že to hodně pokročilo co do responzivity - například responzivní fonty apod. Chtěl bych mít v budoucnu kurz na Bootstrap. Myslím, že by to hodně lidí zaujalo

@marekszkandera1330 3 жыл бұрын

Dobrý den Davide, děkuji za odpověď. Já sám se teprve s tímto seznamuji se svou slabou angličtinou pomocí anglických tutoriálů na KZfaq. Věřím, že kurz od Vás by byl pro všechny v tomto směru určitě přínosem. Děkuji za Vaši tvorbu a přeji hezký den. Szkandera Marek@@hacknisvoubudoucnost

@hacknisvoubudoucnost 3 жыл бұрын

@@marekszkandera1330 Díky, také se mějte fajn :-)

@jirikocenda4819 Жыл бұрын

Zdravím, sleduji videa html acss a s jsou super. Tady mám problém, že bych rád používal VS code, problém mám v instalaci. Vždy mně to hodí do souboru Edge a tím pádem mám ikonku souboru html a css se symbolem Edge. Když chci dát Open in browser, tak mě to níc nenabídne. Jak se zbavím Edge, aby se mně otevíral prohlížeč v Google Chromu jak je na videu? Díky za odpověď

@hacknisvoubudoucnost Жыл бұрын

Ahoj, zřejmě máš Edge jako výchozí prohlížeč. Zkus si otevřít Chrome, dát tři tečky v pravém horním rohu, pak Nastavení a potom v levém menu je Výchozí prohlížeč. Zkus tam zvolit, aby byl Chrome výchozí

@jirikocenda4819 Жыл бұрын

Díky moc za odpověď, už jsem na to přišel dřív. Jsem nadšený sledovatel Tvých videí a doufám, že najdu práci v tomto oboru. Velmi oceňuji jejich podrobnost. :) @@hacknisvoubudoucnost

@hacknisvoubudoucnost Жыл бұрын

@@jirikocenda4819 super 👍 jsem rád, že se ti videa líbí 🙂

@flexor_4042 5 ай бұрын

Zdravím, chtěl bych začít programovat, vše mně směřuje k pythonu. K pythonu mi jistý David Šetek doporučil si k němu stáhnout VS code, takže se chci jenom zeptat, je to pořád aktuální editor? Nebo se mám učit programovat v něčem jiném??

@hacknisvoubudoucnost 5 ай бұрын

Ahoj, na Python můžeš používat VS coce nebo PyCharm. PyCharm je na Python více zaměřený. Ve svých kurzech nejdříve dělám python ve VS code a pak přecházím na PyCharm. Takže můžeš zvolit jeden z nich nebo jet stejným způsobem a vyzkoušíš oba dva.

@flexor_4042 5 ай бұрын

@@hacknisvoubudoucnost Moc díky, určitě skouknu tu sérii a zkusím obě 😉

@hacknisvoubudoucnost 5 ай бұрын

Fajn 👍

@marexalex5848 5 ай бұрын

Ahoj Davide, prosím nevěděl bys? : mám nastaveno podle tebe Ctrl + Alt + N na run v terminálu, ale nevím proč funguje to jen někdy. Většinou se mi napíše červeně složená závorka a napíše to chybu : Expected expression.. jestli jsi se s tímhle nesetkal třeba. je mi jasný, že mi nevidíš do nastavení :D děkuji

@hacknisvoubudoucnost 5 ай бұрын

Ahoj, setkal jsem se s tím, že to psalo závorku navíc "{". To se mi ale nějak přenastavila klávesová zkratka. Jako kdyby mi na chvíli přestala fungovat. Jestli to to někdy funguje a někdy ne, tak bych zkusil vysledovat, jestli to např. není tím, že bys měl vždy kliknuto jinam. Jestli např. když máš kliknuto v souboru, tak to nefunguje, ale když v levém panelu (kurzor není v žádném souboru), tak to funguje. Nebo něco podobného

@marexalex5848 5 ай бұрын

@@hacknisvoubudoucnost děkuji, vyzkouším, ještě mi nefunguje: Ctrl + K , ale Ctrl + J funguje, no je to otrava😀každopádně díky za odpověď.

@hacknisvoubudoucnost 5 ай бұрын

@@marexalex5848 Tak snad se to podaří vyřešit

@kedalm 3 жыл бұрын

Máš dobrá videa, VSC lze mít i v češtině, stačí si stáhnout jazykový balíček...

@hacknisvoubudoucnost 3 жыл бұрын

Díky, jsem rád, že se ti videa líbí

@gabrielazavacka2669 2 жыл бұрын

Dobrý den, chcela by som sa spýtať? Ako sa dá napojiť PHP na Visual Studio Code? už so prešla tu, dakujem

@hacknisvoubudoucnost 2 жыл бұрын

Dobrý den, ono se to nenapojujem přímo na VS code, ale ve VS code je zapotřebí otevřít správný soubor. Mrkněte na začátek kurzu PHP. Tam by to mělo být. Zkuste zde: kzfaq.info/get/bejne/iN2JZ5aHmdS8nWw.html Jen místo Brackets ve videu budete mít VS code

@gabrielazavacka2669 2 жыл бұрын

@@hacknisvoubudoucnost dakujem

@hacknisvoubudoucnost 2 жыл бұрын

@@gabrielazavacka2669 Není vůbec zač

@gabrielazavacka2669 2 жыл бұрын

@@hacknisvoubudoucnost aa

@gabrielazavacka2669 2 жыл бұрын

a nedalo by sa natočiť? videjko samostatné? ako sa priamo dá php do visual code? lebo skúšam a skúšam nejdem hladám a už nechcem brackets

@pekolooooocs4108 Жыл бұрын

je to stejny jayzk jako csharp??

@hacknisvoubudoucnost Жыл бұрын

tohle jsou jen videa o editoru, do kterého kód můžete psát. Předpokládám, že i C# se do něj dá psát

@Airyas 3 жыл бұрын

uděláš i c# tutoriál ? Pomohlo by mi to

@hacknisvoubudoucnost 3 жыл бұрын

Zatím musím dotvořit JavaScript a pak se uvidí

@kubahihicz Жыл бұрын

To by bylo fajn no

@dakes208 Жыл бұрын

ale jak mám udělat to aby se mi to tam nabídlo?

@hacknisvoubudoucnost Жыл бұрын

nabízení by mělo fungovat automaticky. Pokud ne, tak zkuste vypnout a zapnout VS code. Popř. odinstalovat a nainstalovat

@lukaskristof5055 Жыл бұрын

Prosím vie mi niekto poradiť prečo keď napíšem htm tak mi nedá nič na výber? proste nefunguje mi program tak ako je na videu. Ani keď dám výkričník a tabulátor nič sa nestane.

@hacknisvoubudoucnost Жыл бұрын

Ahoj, když otevřeš VS code a otevřeš soubor index.html (nebo jakýkoli soubor s koncovkou html), tak co vidíš dole na panelu? Dole je modrý panel a měl bys na něm mít název HTML. Tím VS code říká, že vidí tuto složku jako html složku a očekává HTML. Na to bych se mrknul jako první. Pokud tam máš něco jiného (jiný jazyk), tak na něj klikni a zkus z nabídky vybrat HTML.

@lukaskristof5055 Жыл бұрын

@@hacknisvoubudoucnost už to ide. Mal som nainstalovaný visual studio a ne VS code. Cesz VS code to už šlape.

@hacknisvoubudoucnost Жыл бұрын

@@lukaskristof5055 Super 👍

@moonallo2733 7 ай бұрын

to je WINDOW 8 ???

@hacknisvoubudoucnost 7 ай бұрын

Je to možné

@TartsRgl 3 ай бұрын

ctrl + p = ctrl + tab

@joewellosobni943 2 ай бұрын

A jak to spustíš! Všude plno keců jak se to vytvoří, ale jak se spustí Main.cs z |Visual Studio code, když nemám projekt?

@hacknisvoubudoucnost 2 ай бұрын

Pokud to chápu správně, tak main.cs je soubor se C#. Spuštění takového souboru přece nemůžeš hledat u videa o VS code, ale u nějakého kurzu, který se zabývá C#.