Jak napsat doplněk pro VS Code a publikovat ho na Marketplace

Na konferenci Microsoft Connect(); 2015 byl oznámen přerod Visual Studio Code (VSCode) na status Beta. VS Code je programátorský editor vhodný pro tvorbu a ladění moderních, zejména webových aplikací, a je dostupný zdarma na Linuxu, OS X i Windows.

Beta nám přinesla mnoho novinek, z nichž nejzásadnější je tvorba doplňků. A teď je řada na nás, vývojářích, abychom si začali upravovat VS Code k obrazu svému a pomáhali také ostatním vývojářům. Proto vám v tomto článku ukáži, jak jednoduché je vytvořit doplněk pro VS Code a přivést tak pár dalších nadšenců k zlepšování zajímavého nástroje jako je VS Code.

Již vytvořené doplňky i s jejich kódy hostovanými na GitHubu můžeme najít zde.

Generátor

Náš první krok bude instalace Node.js. Pro vygenerování našeho doplňku použijeme Yeoman generátor. Ten, společně s doplňkem od VS Code nainstalujeme a spustíme tímto příkazem:

npm install -g yo generator-code

yo code

Při tvorbě doplňku máte na výběr z dvou jazyků, TypeScriptu nebo JavaScriptu. Poté postupujte dle pokynů. Po vygenerování otevřeme náš doplněk ve VS Code.

s1.jpg

Struktura a nastavení

Soubor package.json obsahuje všechny informace o našem doplňku, tedy i jeho účel, jeho spuštění, popis atd. Zde můžeme například přidávat také Node moduly které chceme využívat. Také obsahuje informace do Marketplace.

README.md je soubor, který obsahuje informace o popisu, které se propisují do našeho Git repositáře i do VS Marketplace.

Extension.ts ve složce src je náš kód (pokud programuje v JavaScriptu je to extension.js). Všechnu logiku našeho kódu začneme v tomto souboru.

Tvorba

Nejdříve musíme nastavit, jak náš doplněk aktivovat, a to v package.json. Takto se aktivuje náš doplněk při napsaní “Hello World” do lišty ve VS Code.

s2.PNG

Pokud otevřete soubor Extension.ts a najdete “activate” funkci, tak tato funkce se aktivuje právě při parametrech, které jsme zadali, a zde už můžeme vytvářet logiku našeho doplňku. Můžeme využívat všechny standardní funkce a postupy, jaké jsme zvyklí v jiných projektech. Než se ale do kódování pustíte, doporučuji projít si API VS Code.

Testování a debugování

Pokud náš doplněk otevřete ve VS Code, tak si jej můžete ihned spustit, a to kliknutím na tlačítko debuggeru a následném spuštění. Otevře se nám separátní VS Code, ve kterém je náš doplněk, po vypnutí se doplněk smaže.

Pokud chcete náš doplněk debugovat, můžete využít nástrojů přímo ve VS Code.

s3.png

Publikace

Pokud chcete doplněk poskytnout také ostatním vývojářům, tak musíte začít tím, že nainstalujete doplněk od Microsoftu, vsce.

npm install -g vsce

Dále budeme potřebovat MS Token. Nejdříve bude potřeba se zaregistrovat, https://www.visualstudio.com/en-us/get-started/setup/sign-up-for-visual-studio-online poté na stránce vašeho Visual Studia Online přejdete na stránku “My Profile”.

s4.png

Přejděte na “Security” záložku a poté klikněte na “Add”.

s5.png

Token si libovolně pojmenujeme, a nastavíme na 1 rok, poté nám expiruje a bude potřeba nový. Poté ho zkopírujeme.

s7.png

V terminálu (nebo CMD) přejdeme do složky našeho doplňku a poté vyvoláme tento příkaz, který vytvoří nového vydavatele.

vsce create-publisher nazev

A přihlásíme se na něj.

vsce login nazev

Teď už stačí vyvolat jen příkaz “Publish” a náš doplněk je dostupný v Marketplace.

vsce publish

V tomto článku jsou použity informace z https://code.visualstudio.com/Docs a https://github.com/Microsoft/vscode.

Články ze série Microsoft TechNet nevytváří redakce Živě.cz, ale partneři programu Microsoft TechNet. Jsou publikovány v rámci mediálního partnerství Živě.cz a společnosti Microsoft.

Článek patří do rubrik: Microsoft, Programování

Diskuze

Můj názor

Určitě si přečtěte


Nová čísla Gartneru: Už si to konečně přiznejte. Telefony s Windows jsou mrtvé

Nová čísla Gartneru: Už si to konečně přiznejte. Telefony s Windows jsou mrtvé

** Microsoft se roky snažil prosadil Windows na telefonech ** Nepomohla mu ale ani Nokia ** Gartner nyní potvrzuje nekončící propad prodejů

21.  8.  2016 | Jakub Čížek | 283

Jak internet a chytrý telefon mění lidskou paměť a další části našeho mozku

Jak internet a chytrý telefon mění lidskou paměť a další části našeho mozku

** Máte stále horší paměť? Může za to chytrý telefon a internet ** Důvodem je snaha mozku ušetřit vlastní výkon ** Odkládání na „externí zařízení“ má pozitivní, ale i negativní důsledky

20.  8.  2016 | Karel Javůrek | 30

Nová úprava Li-Ion akumulátorů jim zdvojnásobí kapacitu, na trhu již letos

Nová úprava Li-Ion akumulátorů jim zdvojnásobí kapacitu, na trhu již letos

** Z mnoha nenaplněných futuristických vizí o lepších bateriích tato vypadá opravdu nadějně ** Neslibuje zázrak, ale nemalý pokrok na základě současných technologií ** Při stejném objemu získá baterie dvojnásobnou kapacitu, výroba může přitom probíhat na stávajících linkách

19.  8.  2016 | Tomáš Holčík | 48

Nečekaný výsledek: jak dopadne integrovaná grafika na procesoru proti samostatné grafické kartě?

Nečekaný výsledek: jak dopadne integrovaná grafika na procesoru proti samostatné grafické kartě?

** Nvidia Geforce 940M proti Intel Iris Graphics ** Dedikovaná grafika neznamená automaticky vyšší výkon

18.  8.  2016 | Tomáš Holčík | 59

Nejlepší nástroje pro úpravu sportovních aktivit v GPX

Nejlepší nástroje pro úpravu sportovních aktivit v GPX

** Trackování sportovních aktivit patří ke stále oblíbenějším ** Pokud zapomenete záznam vypnout, hodí se jeho následná úprava ** Pomoci mohou desktopové i webové aplikace

20.  8.  2016 | Stanislav Janů | 7

Porno Insider: Jak lze udělat úspěšný internetový startup v erotickém byznysu, a to hned dvakrát za sebou

Porno Insider: Jak lze udělat úspěšný internetový startup v erotickém byznysu, a to hned dvakrát za sebou

** Ve své době byl YouPorn světově největší web s erotickým obsahem ** Zakladatel YouPorn byl v měřítku běžných internetových startupů velmi úspěšný ** Úspěch navíc zopakoval a svou druhou společnost, založenou v Praze, prodal stejnému kupci

17.  8.  2016 | Jan Dudek | 18


Aktuální číslo časopisu Computer

Testy nejnovějších produktů na českém trhu.

Informace ze světa internetu i bezpečnosti.

Plné verze programů zdarma pro všechny čtenáře.