Microsoft vydáva VS Code 1.51 s vylepšenými pripnutými kartami a ďalšími funkciami

Ikona času čítania 11 min. čítať


Čítačky pomáhajú podporovať MSpoweruser. Ak nakupujete prostredníctvom našich odkazov, môžeme získať províziu. Ikona popisu

Prečítajte si našu informačnú stránku a zistite, ako môžete pomôcť MSPoweruser udržať redakčný tím Čítaj viac

Microsoft VS kód

Microsoft VS kód

Microsoft dnes oznámil vydanie Visual Studio Code v1.51 (aktualizácia z októbra 2020) s niekoľkými vylepšeniami a opravami chýb. Táto nová aktualizácia teraz obsahuje pole návrhov IntelliSense s meniteľnou veľkosťou, trvalé relácie vzdialeného terminálu, vylepšené pripnuté karty a ďalšie. Nižšie nájdete úplný protokol zmien poskytnutý spoločnosťou Microsoft.

Workbench#

Výraznejšie pripnuté karty#

Pripnuté karty budú teraz vždy zobrazovať svoju ikonu špendlíka, aj keď sú neaktívne, aby sa dali ľahšie identifikovať. Ak je editor pripnutý a obsahuje neuložené zmeny, ikona odráža oba stavy.

Neaktívne pripnuté karty s ikonami pripnutia

Stromy rozšírení používajú vlastné umiestňovanie#

Namiesto použitia natívneho popisku v stromových zobrazeniach rozšírení teraz používame vlastný kurzor myši, ktorý je konzistentný naprieč platformami a lepšie zapadá do celkového používateľského prostredia.

Vlastné vznášanie sa stromu

Nainštalujte rozšírenie bez synchronizácie#

Teraz môžete nainštalovať rozšírenie bez synchronizácie, keď je povolená synchronizácia nastavení.

Nainštalujte rozšírenie bez synchronizácie

téma: GitHub Light

Nainštalujte rozšírenie z Prieskumníka#

VS Code teraz podporuje inštaláciu rozšírenia VSIX súboru z Prieskumníka kliknutím pravým tlačidlom myši na súbor VSIX a výberom Nainštalujte rozšírenie VSIX položka kontextového menu.

Zadajte príkaz na rozostrenie#

Nový interný workbench.action.blur Teraz je k dispozícii príkaz, ktorý odstráni zameranie z akéhokoľvek vstupu, ktorý možno zamerať. Tomuto príkazu môžete priradiť klávesovú skratku v Predvoľby klávesových skratiek.

Integrovaný terminál#

Miestna ozvena#

Vykonávanie úprav v termináli tradične vyžaduje, aby boli informácie odoslané do procesu terminálu, spracované a vrátené do kódu VS, aby boli ovplyvnené. To môže byť pomalé pri práci na slabom alebo vzdialenom pripojení k sieti Server SSH or Kódový priestor.

Toto vydanie pridáva do terminálu režim „miestneho echa“, ktorý sa pokúša predpovedať zmeny a pohyby kurzora vykonané lokálne a zobraziť ich v používateľskom rozhraní bez toho, aby vyžadoval spiatočnú cestu na server. V predvolenom nastavení sa predpovedané znaky zobrazujú ako „tmavé“:

Gif zobrazujúci písanie s latenciou 250 ms, kde sú okamžite zadané znaky stmavené

Na konfiguráciu môžete použiť dve nastavenia:

  • terminal.integrated.localEchoLatencyThreshold konfiguruje zistený prah oneskorenia v milisekundách, pri ktorom sa aktivuje lokálna ozvena. Toto je možné nastaviť na 0 funkciu zapnúť stále, príp -1 zakázať ho. Predvolená hodnota je 30.
  • terminal.integrated.localEchoStyle konfiguruje štýl alebo farbu miestneho znaku, predvolená hodnota dim.

IntelliSense#

Návrhy s meniteľnou veľkosťou#

V tomto míľniku sme vykonali niekoľko vylepšení používateľského rozhrania návrhov. V prvom rade sa teraz dá meniť jeho veľkosť. Potiahnutím strán alebo rohov zmeňte veľkosť ovládacieho prvku.

Ovládanie návrhov s nastaviteľnou veľkosťou

téma: GitHub Light, Písmo: FiraCode

Veľkosť zoznamu návrhov sa uloží a obnoví v rámci relácií. Veľkosť podokna podrobností sa ukladá iba na reláciu, pretože táto veľkosť býva variabilnejšia. Tiež, editor.suggest.maxVisibleSuggestions nastavenie sa stalo zastaraným.

Stavový riadok pre návrhy#

Ovládací prvok návrhov môže teraz tiež zobrazovať svoj vlastný stavový riadok v spodnej časti okna. Povoľte ho pomocou editor.suggest.showStatusBar nastavenie. Zjednodušuje prepínanie podrobností a zobrazuje, či dokončenie podporuje vkladanie, nahradenie alebo oboje.

Stavový riadok návrhov

téma: GitHub Light, Písmo: FiraCode

Vo vyššie uvedenom príklade bude výsledkom výberu „Vložiť“. Math.floorceil a výberom možnosti „Nahradiť“ sa zobrazí Math.floor.

Nový editor.suggest.insertMode vám umožňuje konfigurovať, či uprednostňujete vkladanie alebo výmenu. Keď návrh podporuje oboje, vaša preferencia bude predvolená.

Posunutím kurzora vyberte návrhy#

V neposlednom rade teraz môžete pohybovať kurzorom, keď sa zobrazujú návrhy. Môžete napríklad spustiť návrhy na konci slova, posunúť sa doľava, aby ste videli viac návrhov, a potom slovom prepísať slovom nahradiť.

Pohyb kurzora počas zobrazenia návrhov

téma: GitHub Light

mravec#

Vlastné úryvky v Emmete sú späť. Okrem toho sa úryvky automaticky obnovujú pri ukladaní súboru úryvkov alebo aktualizácii súboru emmet.extensionsPath nastavenie.

Vlastné úryvky Emmeta opäť fungujú

Ovládanie zdroja#

Vstupné pole Source Control ukladá históriu správ odovzdania#

Toto adresuje a požiadavka funkcie na navigáciu v histórii odovzdania SCM. Stlačte tlačidlo Up a nadol na zobrazenie predchádzajúceho a nasledujúceho odovzdania. Ak chcete prejsť priamo na prvú a poslednú pozíciu zadávacieho poľa, stlačte ostatné v spojení s príslušnou šípkou.

Po napísaní správy do vstupného poľa SCM, vytvorení a potvrdení zmien stlačením šípky nahor zobrazíte správu, ktorá bola práve potvrdená

Git: Označenie príkazov v podponuke#

Príkazy Git súvisiace s tagmi boli pridané do ... Menu Git.

Podponuka značiek Git

Git: príkaz Rebase#

Nový Git: Rebase vetva… bol pridaný príkaz, ktorý vám umožňuje prebudovať vetvu pomocou používateľského rozhrania.

Git: príkaz rekurzívneho klonovania#

Git: Klon (rekurzívny) teraz môžete rekurzívne klonovať úložiská Git vrátane jeho vnorených submodulov Git.

Časová os: Vykresľovanie krátkeho kódu Emoji#

Teraz vykresľujeme krátke kódy emoji, ako napr :smile:, v zobrazení časovej osi.

Zobrazenie časovej osi s emodži

Jazyky#

Inteligentný výber Markdown#

Rozšírte a zmenšite výber v dokumentoch Markdown pomocou nasledujúcich nových príkazov:

  • rozbaliť: Shift+Alt+Vpravo
  • Scvrknúť sa: Shift+Alt+Doľava

Výber sa vzťahuje na nasledujúce položky a riadi sa tradičným hierarchickým vzorom:

  • Záhlavie
  • zoznamy
  • Blokovať úvodzovky
  • Oplotené bloky kódu
  • Bloky html kódu
  • odseky

Inteligentný výber v rámci dokumentu Markdown sa rozšíri z prvku bloku na prvok bloku, ktorý ho obsahuje, na zvyšok obsahu pod hlavičkou až po samotnú hlavičku

Možnosť formátovania prázdnej zátvorky pre JavaScript a TypeScript#

Nový javascript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces a typescript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces možnosť konfigurácie formátovania riadi, či sa medzi prázdne zátvorky vkladajú medzery. Predvolená hodnota pre tieto nastavenia je true. Napríklad pre JavaScript:

class Foo {
  doFoo() {}
}

Nastavenie "javascript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces": false a formátovanie kódu má za následok:

class Foo {
  doFoo() {} // Notice that the space has been removed
}

Podpora prehliadača#

Sťahovanie priečinkov (Edge, Chrome)#

Využitie nového Prístup k systému súborov API, Microsoft VS Code spustený v prehliadači teraz môže ponúkať akciu sťahovania priečinkov z Prieskumníka súborov na stiahnutie všetkých súborov a priečinkov na disk.

Priečinok na stiahnutie

Poznámka: Vyžaduje si to najnovšiu verziu prehliadača Microsoft Edge alebo Google Chrome.

Otvoriť upozornenie pracovného priestoru#

Ak otvoríte priečinok, ktorý obsahuje .code-workspace súborov na najvyššej úrovni, zobrazí sa vám upozornenie s výzvou na jeho otvorenie. Vždy to tak bolo v kóde Microsoft VS Code pre počítač a teraz to bude fungovať aj v prehliadači.

Upozornenie na otvorenie pracovného priestoru

Zabráňte náhodnému uzavretiu#

Nové nastavenie window.confirmBeforeClose bol pridaný na zobrazenie potvrdzovacieho dialógu pred zatvorením alebo opustením pracovného stola.

Možné hodnoty sú:

  • keyboardOnly Potvrdenie sa zobrazí iba vtedy, keď na zatvorenie použijete klávesovú skratku (napr. Ctrl + W). (predvolené)
  • always: Potvrdzovacie dialógové okno sa zobrazí vždy, aj keď zatvoríte gestom myši.
  • never: Potvrdenie sa nikdy nezobrazí.

Zatvorte dialógové okno s potvrdením

Poznámky: Toto nastavenie nemusí pokrývať všetky prípady. Prehliadače sa stále môžu rozhodnúť zatvoriť kartu alebo okno bez potvrdenia.

Príspevky na rozšírenia#

Požiadavky a problémy GitHub Pull#

Práce pokračujú na Požiadavky a problémy GitHub Pull rozšírenie, ktoré vám umožňuje pracovať, vytvárať a spravovať požiadavky a problémy na stiahnutie.

Ak sa chcete dozvedieť o všetkých nových funkciách a aktualizáciách, môžete si pozrieť úplné znenie changelog pre 0.22.0 uvoľnenie rozšírenia.

Vzdialený vývoj#

Práce pokračujú na Rozšírenia pre vzdialený vývoj, ktoré vám umožňujú používať kontajner, vzdialený počítač alebo Podsystém Windows pre systém Linux (WSL) ako plnohodnotné vývojové prostredie.

Medzi hlavné funkcie v 1.51 patria:

  • Schopnosť pretrvávať / znova sa pripojiť k terminálovým reláciám.
  • Vylepšené skúsenosti s presmerovaním portov.

O nových funkciách rozšírení a opravách chýb sa môžete dozvedieť v Poznámky k vydaniu Remote Development.

Ukážky funkcií#

Funkcie ukážky nie sú pripravené na vydanie, ale sú dostatočne funkčné na použitie. Uvítame vašu skorú spätnú väzbu, kým sú vo vývoji.

Synchronizácia nastavení#

Synchronizácia nastavení teraz synchronizuje globálny stav rozšírení. Rozšírenia budú musieť poskytnúť štát na synchronizáciu pomocou novo predstavených setKeysForSync API.

Zapamätajte si poverenia proxy#

Prepracúvame prihlasovacie dialógové okno, ktoré zobrazuje, keď sieťové pripojenie vyžaduje overenie pomocou servera proxy. Nové nastavenie, window.enableExperimentalProxyLoginDialog: true, povolí toto nové prostredie, ktoré plánujeme nastaviť ako predvolené v budúcom vydaní.

Prihlásenie cez proxy

téma: GitHub Light

Dialógové okno sa objaví v okne Microsoft VS Code a ponúka spôsob, ako si zapamätať poverenia, aby ste ich nemuseli zadávať pri každom spustení VS Code. Prihlasovacie údaje budú uložené v štandardnom úložisku poverení OS (kľúčenka v systéme macOS, Windows Credential Manager v systéme Windows a zväzok kľúčov gnome v systéme Linux).

Toto dialógové okno stále zobrazujeme iba raz za reláciu, ale v budúcnosti sa k tomuto rozhodnutiu môžeme vrátiť. Dialógové okno sa zobrazí znova v prípade, že poverenia, ktoré ste vybrali na zapamätanie, nie sú platné. Ich opätovné poskytnutie vám umožní zmeniť ich.

Povoľte túto možnosť a dajte nám vedieť, ak niečo nefunguje podľa očakávania prostredníctvom nášho sledovač problémov.

Podpora TypeScript 4.1 beta#

Microsoft VS Code podporuje TypeScript 4.1 beta a nočné stavby. Aktualizácia 4.1 prináša niektoré nové funkcie jazyka TypeScript, ako napríklad podporu pre rekurzívne podmienené typyako aj vylepšenia nástrojov. Jedna oblasť zamerania bola pridanie počiatočnej podpory pre @see tagy v komentároch JSDoc.

Ak chcete začať používať nočné zostavy TypeScript 4.1, stačí nainštalovať Rozšírenie TypeScript Nightly. Podeľte sa o spätnú väzbu a dajte nám vedieť, ak narazíte na nejaké chyby v TypeScript 4.1.

Tvorba rozšírení#

Aktualizované vzorky rozšírení#

Aktualizovali sme niektoré z našich vzorky rozšírenia zahrnúť predvolené štýly Microsoft VS Code, ktoré sú prepojené s našimi tokenmi farebných tém. To znamená, že bežné prvky (text, tlačidlá, vstupy) budú tematické a budú zodpovedať predvoleným štýlom v produkte. Nižšie sú uvedené rozšírenia, ktoré zahŕňajú toto:

Ukážky štýlu Webview

Kodikonové farby v stromoch#

S finalizáciou ThemeIcon farebné API, môžu autori rozšírení použiť farby motívov na kodikonoch vo vlastných stromových zobrazeniach.

Stromový pohľad s farbami ikon

Globálny stav synchronizácie#

Rozšírenia môžu teraz synchronizovať svoj globálny stav poskytnutím kľúčov, ktorých hodnoty by sa mali synchronizovať, keď je povolená synchronizácia nastavení, pomocou novo predstavených setKeysForSync API v globalState memento.

/**
 * Set the keys whose values should be synchronized across devices when synchronizing user-data
 * like configuration, extensions, and mementos.
 *
 * Note that this function defines the whole set of keys whose values are synchronized:
 *  - calling it with an empty array stops synchronization for this memento
 *  - calling it with a non-empty array replaces all keys whose values are synchronized
 *
 * For any given set of keys this function needs to be called only once but there is no harm in
 * repeatedly calling it.
 *
 * @param keys The set of keys whose values are synced.
 */
setKeysForSync(keys: string[]): void;

Viditeľnosť tlačidla odpovede vlákna komentára#

komentár rozšírenia teraz môžu ovládať viditeľnosť tlačidla odpovede vo vlákne komentárov pomocou novej vlastnosti, CommentThread#canReply. Keď je nastavený na false, používatelia neuvidia tlačidlo odpovede ani pole komentára vo vlákne komentárov.

Navrhované rozšírenia API#

Každý míľnik prichádza s novými navrhovanými rozhraniami API a autori rozšírení ich môžu vyskúšať. Ako vždy, chceme vašu spätnú väzbu. Toto musíte urobiť, aby ste vyskúšali navrhované API:

  • Musíte použiť Insiders, pretože navrhované rozhrania API sa často menia.
  • Musíte mať tento riadok v package.json súbor vašej prípony: "enableProposedApi": true.
  • Skopírujte najnovšiu verziu vscode.proposed.d.ts súbor do zdrojového umiestnenia vášho projektu.

Nemôžete publikovať rozšírenie, ktoré používa navrhované rozhranie API. V ďalšom vydaní môžu nastať zmeny a my nikdy nechceme prerušiť existujúce rozšírenia.

Udalosť zmeny poskytovateľov skladacieho rozsahu#

Poskytovatelia rozsahu skladania môžu editorovi signalizovať, že rozsahy skladania je potrebné aktualizovať pomocou onDidChangeFoldingRanges event.

Ak chcete získať ďalšie podrobnosti a poskytnúť spätnú väzbu, použite vydanie #108929.

Rozhrania API pre heslá#

V rámci pokračujúcich prác na Poskytovatelia autentifikácie, zaviedli sme API na ukladanie a získavanie citlivých informácií. Vnútorne to funguje ako obal keytar knižnica, ktorú VS Code používa na ukladanie tajomstiev.

/**
 * Retrieve a password that was stored with key. Returns undefined if there
 * is no password matching that key.
 * @param key The key the password was stored under.
 */
export function getPassword(key: string): Thenable<string | undefined>;

/**
 * Store a password under a given key.
 * @param key The key to store the password under
 * @param value The password
 */
export function setPassword(key: string, value: string): Thenable<void>;

/**
 * Remove a password from storage.
 * @param key The key the password was stored under.
 */
export function deletePassword(key: string): Thenable<void>;

/**
 * Fires when a password is set or deleted.
 */
export const onDidChangePassword: Event<void>;

Inžinierstva#

Zabezpečenie súladu dôveryhodných typov s kódom Microsoft VS#

Pokračovali sme v úsilí o to, aby bol VS kód v súlade s „dôveryhodnými typmi“. Cieľom je zabrániť zraniteľnostiam skriptovania medzi stránkami založenými na DOM. Viac o dôveryhodných typoch sa dozviete na web.dev Stránka dôveryhodných typov a sledujte náš pokrok vydanie #103699.

zdroj: Microsoft

Viac o témach: microsoft, Visual Studio Kód 1.51, Kód VS

Nechaj odpoveď

Vaša e-mailová adresa nebude zverejnená. Povinné položky sú označené *