přejít na obsah přejít na navigaci

Linux E X P R E S, Visual Studio Code: editor zdrojových kódov so zameraním na Web

EDU Trainings IT školení

Visual Studio Code: editor zdrojových kódov so zameraním na Web

sublime_text_ilustr.jpg

Multiplatformový editor Visual Studio Code prichádza ako konkurent populárnych editorov Atom.io či SublimeText. V článku sa dočítate pár základných informácií o inštalácii, prostredí či konfigurácii a rôznych funkciách tohto editora.


Sú tomu už približne dva mesiace, čo Microsoft na konferencii Build predstavil prvú verziu svojho multi-OS editora Visual Studio Code (skrátene VSCode alebo len Code). Začiatkom tohto mesiaca bola vydaná druhá verzia s označením 0.3.0, ktorá priniesla pár zmien v podobe rôznych vylepšení. VSCode je na oficiálnej stránke dostupný pre operačné systémy Linux, Windows a OS X, pričom od aktuálnej verzie sa Code pre Linux dá stiahnuť aj v 32bitovej verzii. Veľkosť do zipu zbalenej 64bitovej linuxovej verzie sa vyšplhala na 65 MB.

Microsoft vydal Code verziu Visual Studia v nádeji, že poslúži ako nástroj ná úpravu a debugging webových aplikácií bežiacich na ASP.NET alebo Node.js. Je postavený na multiplatformovom frameworku Electron od GitHubu, ktorý je známy aj ako Atom Shell, vzhľadom na to, že bol pôvodne vyvíjaný práve pre editor Atom.io. Na vytvorenie prostredia využíva Blink – web browser engine vyvíjaný ako súčasť Chromium, pričom celý editor je napísaný hlavne v HTML+CSS v kombinácii s JavaScriptom.

Inštalácia a spustenie

Inštalácia pre Linux… Hm, nenazval by som to inštaláciu. Jediné čo potrebujete, je stiahnuť a rozbaliť zip archív, pričom po rozbalení prídete o ďalších 190 MB miesta na disku. Potom stačí už len jednoducho spustiť súbor Code.

Microsof v dokumentácii uvádza tip, vytvorenie symbolického linku pre spustenie Code priamo z terminálu na ľubovoľnom mieste. Jediné, čo pre to treba urobiť je vytvoriť symlink v /usr/local/bin prípadne /usr/bin príkazom:

sudo ln -s /cesta/k/vscode/Code /usr/bin/code 

Teraz môžete Code spustiť v ľubovoľnom priečinku (adresári) zadaním code . v termináli.

Pre Windows je dostupný inštalačný súbor a pre OS X takisto zip archív, z ktorého je potrebné vyextrahovať priečinok Visual Studio Code.app do priečinku Applications.

Prostredie

Prostredie VSCode sa skladá z editoru – hlavná časť programu, v ktorej môžete editovať jednotlivé súbory; statusbaru v spodnej časti editoru a ľavého panelu, kde môžete prepínať medzi zobrazením súborov, hľadania, gitu alebo debuggingu. Na vrchnej časti programu nájdete hlavné menu. Vybrať si môžete z dvoch tém, svetlej a tmavej.

Ovládanie je vďaka množstvu klávesovým skratkám prispôsobené používaniu klávesnice. Napríklad na rozdelenie editora (split screen) je nastavená skratka Ctrl+\ (v prípade slovenskej klávesnice Ctrl+ň), pričom najviac môžete mať otvorené 3 súbory vedľa seba. Na presúvanie sa medzi jednotlivými otvorenými súbormi v takomto split-zobrazení môžete používať klikanie myšou alebo podľa mňa dosť nepraktickú klávesovú skratku Ctrl+Shift+Alt+šípka vpravo/vľavo.

Nepraktickú z dôvodu počtu použitých prstov na stlačenie, ale to zrejme zavisí od zvyku. Code má aj svoj príkazový riadok, do ktorého sa dostanete klávesovou skratkou Ctrl+Shift+P alebo cez položku View v hlavnom menu. Jedná sa vlastne o zoznam dostupných možností a príkazov pre editor spolu so skratkami pre niektoré funkcie, v ktorom môžete vyhľadávať.

Prostredie Visual Code Editora (tmavá téma) Prostredie Visual Code Editora (tmavá téma)

IntelliSense

VSCode pre jazyky JavaScript, JSON, HTML, CSS, Less, Sass, C# a TypeScript ponúka možnosť inteligentného dokončovania kódu zvaného IntelliSense. Pri písaní kódu by sa vám malo automaticky zobrazovať okno s návrhmi na dokončenie príkazu alebo výpis tried v objektoch atp. Toto okno je možné vyvolať aj pomocou klávesovej skratky Ctrl+medzerník.

Konfigurácia

V tomto smere sa VSCode podobá napríklad editoru SublimeText. Nastavenia editora je možné meniť cez konfiguračný súbor, resp. súbory. Cez hlavné menu: File > Preferences sa dostanete k trom nastaveniam. User settings sú všeobecné nastavenia pre editor, ktoré platia všade, vo všetkých otvorených projektoch. Workspace setting sú nastavenia pre jednotlivé prostredia, teda projekty alebo priečinky a sú samozrejme prioritnejšie ako User settings. Posledným nastavením je nastavenia klávesových skratiek.

Po otvorení ktoréhokoľvek z nastavení sa vám zobrazia dva súbory vedľa seba. Predvolené nastavenia, ktoré sú prehľadne okomentované, ale neupraviteľné, a súbor settings.json, kde môžete vkladať jednotlivé upravené parametre nastavení. Konfiguračný súbor je vo formáte JSON, takže pri konfigurácii je potrebné používať správnu syntax a hlavne nezabúdať na čiarky , (okrem poslednej položky v konfigurácii). Pri čítaní nastavení editor postupuje formou 1. načítania predvolených nastavení; 2. načítania upravených užívateľských nastavení; 3. načítania upravených nastavení pre daný projekt.

Konfigurácia zapísaná v súbore ja rozdelená do viacerých častí. Prvá časť sa týka všeobecných nastavení editoru, akými sú zobrazovanie čísiel riadkov, nahrádzanie tabulátora medzerami či citlivosť skrolovania atp. Ďalej je tu nastavenie súborov, kde nájdete len predvolené kódovanie, a nastavenie hľadania, kde môžete upraviť priečinky, ktoré sú vylúčené z hľadania. Potom nasledujú špecifické nastavenia pre webové jazyky. Nájdete tu rôzne nastavenia (v poradí) pre CSS, JavaScript, JSON, Markdown, LESS, Sass a TypeScript.

Ukážka konfigurácie Ukážka konfigurácie

Git

Zaujímavou a celkom užitočnou funkciou Code môže byť skutočnosť, že obsahuje správcu verzií Git. Z editoru tak môžete pohodlne vytvárať alebo upravovať jednotlivé repozitáre, pridávať zmeny či riešiť konfliktné súbory z prehľadného grafického prostredia. Osobne však ostávam verný klasickému terminálovému gitu.

Debugging

Ďalšiu špecifickou funkciou pre VSCode je možnosť debuggingu pre Node.js a .NET aplikácie. V ľavom paneli okrem Gitu nájdete aj možnosť otvorenia Debugging baru. Pokiaľ však chcete debugging používať pre .NET aplikácie, budete potrebovať Mono. To v závislosti od distribúcie môžete nainštalovať oficiálnych repozitárov alebo si Mono stiahnuť, skompilovať a nainštalovať manuálne.

Záverom

Keďže sa ešte nejedná o finálnu verziu, je skoro na nejaké celkové ohodnotenie funkcionality VSCode a osobne sa neviem dostatočne vyjadriť k hlavnému určeniu tohto editora, a to webový vývoj, keďže sa v týchto veciach nepohybujem. Samozrejme tu nechýba zvýrazňovanie syntaxi aj iných populárnych jazykov, no to je skôr akýsi štandard, čo zvládne akýkoľvek editor.

S počiatku mi vadila mierne zvýšená záťaž procesora a požiadavky na pamäť, no pri týchto funkciách sa to dá tolerovať. Visual Code Editor sa tak stáva zatiaľ menšou konkurenciou pre ostatné komplexné editory a verím, že si nájde svojich používateľov, no pravdepodobne viacej ľudí ostane verných svojim obľúbeným editorom.

Nahoru

Příspěvky

Visual Studio Code: editor zdrojových kódov so zameraním na Web
Debian4Ever 24. 06. 2015, 18:25:18
Odpovědět  Odkaz 
Takovy "mensi detail": ten jejich micro$ofti shit nelze spustit na Debian Wheezy, protoze Whezy ma ve sve distribuci glbc6 ver. "glibc-2.13-1" a ten jejich shit byl evidentne zkompilovan verzi glibc-2.15, OMG ^^
Pravdepodobne Jessie to pojede, pac je tam novejsi verze glibc.

Ano, zkuseny linuxa(c)k(a) vi, jak dostat novejsi verzi a jak se s tim poprat.
Ale proc to delat ?
Aby si clovek vyzkousel neco od M$ ?

Od micro$oftu nic dobreho nikdy nevylezlo, ani kdyz vse zacali kopirovat (pocinaje M$ DO$-em) od Unixu a pozdeji od Linuxu :-|
Štefan Uram Re: Visual Studio Code: editor zdrojových kódov so zameraním na Web
Štefan Uram 24. 06. 2015, 21:39:14
Odpovědět  Odkaz 
Ďakujem za postreh.

Je pravda, že Code som testoval na distribúcii Antergos (http://www.linuxexpres.cz/software/antergos-kdyz-spojite-rychlost-a-styl) -> glibc 2.21-4, takže som si túto skutočnosť nevšimol.
Visual Studio Code: editor zdrojových kódov so zameraním na Web
SKhater 25. 06. 2015, 14:34:47
Odpovědět  Odkaz 
Další čobol :-/

Odpovědět

Nejsou podporovány žádné značky, komentáře jsou jen čistě textové. Více o diskuzích a pravidlech najdete v nápovědě.
Diskuzi můžete sledovat pomocí RSS kanálu rss



 
 

Top články z OpenOffice.cz

Štefan Uram




Public Relations

Domény a nepřeberné množství internetových adres s možností jejich zneužití

dnnsecNepropásněte sérii webinářů zaměřených na aktuální bezpečnostní trendy a jednotnou správu zabezpečení vaše IT – každé pondělí a zdarma.
S doménami přijde do kontaktu naprosto každý uživatel internetu, ačkoliv si to asi neuvědomuje. Už jenom samotné hledání na internetu je spojené s doménami, o nakupování v internetových obchodech ani nemluvě. Věděli jste však, že domény mohou být poměrně jednoduše napadeny?

Pokračování ...


EDU Trainings

Public Relations

Vyplatí se investice do SEO agentury?

QNAPObjevili jste zajímavý sortiment zboží, po kterém je na trhu poptávka. Čekala vás dlouhá práce, ale byli jste úspěšní a spustili e-shop. Veškeré zboží má perfektně zpracované fotografie a dokonalý popis. Vše je přehledné, jednoduché na ovládání a s poutavou grafikou. Proč u vás nikdo nenakupuje? Proč navštěvují konkurenční stránky, kde mají vyšší cenu, a dokonce řadu chyb v textu? Nejspíš proto, že vás zákazníci nemají kde najít. Nejste na svém trhu přítomni.

Pokračování ...


Redakční blog

Pavel Fric

Pavel Fric, 21. srpen

Sayonara Player 1.5.1

Přehrávač, jak má být. Poslední dobou vývoj šlape


Pavel Fric

Pavel Fric, 26. leden

MuseScore 3

První aktualizace třetí řady notačního editoru MuseScore


Redakce

Redakce, 21. prosinec

Pište pro LinuxEXPRES

Baví vás Linux? Pište o něm, není to nic těžkého. LinuxEXPRES hledá nové autory.


Všechny blogy »

SOPHOS - hacking webinar 2