Akú verziu TypeScriptu používa Visual Studio Code? Ako ju aktualizovať?

Ako môžem zistiť, akú verziu TypeScriptu používa Visual Studio Code? Konkrétne som používal TypeScript 1.8.10 a VSCode 1.4.0. Najprv som aktualizoval VSCode na najnovšiu verziu, ktorá bola 1.5.3. Ale pri kontrole z príkazového riadku som videl, že moja verzia TypeScriptu bola stále 1.8.10. Tak som aktualizoval TypeScript z príkazového riadku a teraz je to 2.0.3.

Existuje spôsob, ako s istotou zistiť, či Visual Studio Code používa verziu 2.0.3?

Existuje metóda aktualizácie Visual Studio Code, ktorá automaticky aktualizuje TypeScript na najnovšiu vydanú verziu, alebo musí byť aktualizácia TypeScriptu vykonaná samostatne?

Odpoveď č. 1

Môže sa TypeScript aktualizovať automaticky?

VS Code je dodávaný s nedávnou stabilnou verziou TypeScriptu.

- z dokumentácie VS Code

To znamená, že neexistuje žiadny spôsob, ako automaticky aktualizovať verziu TypeScriptu používanú vo VS Code. Môžete však prekonať verziu TypeScriptu, ktorú VS Code používa, úpravou buď používateľských nastavení alebo nastavení pracovného priestoru.

Ktorú verziu TypeScript používa VS Code?

Keď otvoríte súbor TypeScript, VS Code by mal zobraziť verziu TypeScript v stavovom riadku vpravo dole na obrazovke:

V novších verziách (alebo keď je stavový riadok preplnený?) možno budete musieť podržať myš nad {} vedľa TypeScript, aby sa zobrazilo vyskakovacie okno s informáciami:

Zmena globálnej verzie TypeScriptu

  1. Nainštalujte požadovanú verziu TypeScript globálne, napríklad npm install -g [email 
  2. Otvoriť používateľské nastavenia VS Code (F1 > Otvoriť používateľské nastavenia)
  3. Aktualizujte/Vložte "typescript.tsdk": "{GLOBAL_NPM_PATH}/typescript/lib"

Tip: Môžete zistiť {GLOBAL_NPM_PATH} spustením npm root -g.

Teraz všetky projekty, ktoré otvoríte vo VS Code, budú používať túto verziu TypeScriptu, pokiaľ samozrejme neexistuje nastavenie pracovného priestoru, ktoré toto predefinuje.

Zmena lokálnej verzie TypeScriptu

  1. Otvorte projekt vo VS Code

  2. Nainštalujte požadovanú verziu TypeScript lokálne, napríklad npm install --save-dev [email

    --save-dev aktualizuje package.json vášho projektu a pridá nainštalovanú verziu TypeScript ako devDependency.

  3. Otvoriť nastavenia pracovného priestoru VS Code (F1 > Otvoriť nastavenia pracovného priestoru)

  4. Aktualizujte/Vložte "typescript.tsdk": "./node_modules/typescript/lib"

    Teraz bude túto verziu TypeScript používať iba projekt, do ktorého ste ju nainštalovali, globálna inštalácia bude vo VS Code v tomto projekte ignorovaná.

  5. Po pridaní položky typescript.tsdk je potom tiež potrebné použiť používateľské rozhranie VS Code na výber novej verzie:

    • Kliknite na verziu zobrazenú v päte VS Code:

    • Vyberte to v používateľskom rozhraní:

Pozri tiež:

  • Používanie novších verzií TypeScriptu
  • Vylepšiť dokumentáciu pre typescript.tsdk, aby bolo používanie pracovného priestoru jasnejšie

Odpoveď č. 2

Visual Studio Code prichádza so svojou vlastnou stabilnou verziou TypeScriptu, ale môžete prejsť na novšiu verziu, ako je popísané v ich dokumentácii.

VS Code je dodávaný s nedávnou stabilnou verziou TypeScriptu. Ak chcete použiť novšiu verziu TypeScriptu, môžete nastaviť typescript.tsdk (Súbor > Predvoľby > Nastavenia používateľa/pracovného priestoru) smerujúce do adresára obsahujúceho súbor tsserver.js pre TypeScript.
...
Napríklad:

{
   "typescript.tsdk": "node_modules/typescript/lib"
}

Odpoveď č. 3

Existuje spôsob, ako si byť istý, či Visual Studio Code používa verziu 2.0.3?

Otvorte súbor TypeScript vo Visual Studio Code a v pravom dolnom rohu uvidíte verziu TypeScript, ktorú používa:

Existuje spôsob aktualizácie Visual Studio Code, ktorý automaticky aktualizuje TypeScript na najnovšiu vydanú verziu, alebo je aktualizácia TypeScriptu potrebná vykonať samostatne?

Spôsob, akým som to robil, je explicitne povedať Visual Studio Code priečinok, kde je nainštalovaný váš TypeScript npm modul. Som na Windows, takže po spustení príkazu npm na inštaláciu TypeScriptu (npm install -g typescript) sa nainštaluje do tohto priečinka:

C:\Users\username\AppData\Roaming\npm\node_modules\typescript\

Takže musíte povedať Visual Studio Code, aby používal priečinok lib vašej inštalácie TypeScript npm. Robíte to takto:

  1. Otvorte nastavenia VS Code (Súbor -> Predvoľby -> Nastavenia)

  2. Vyhľadajte nastavenie typescript.tsdk

  3. Zistite, kde npm nainštaloval TypeScript pomocou: npm list -g typescript. V mojom prípade to vrátilo C:\Users\username\AppData\Roaming\npm

  4. Prepíšte hodnotu nastavenia typescript.tsdk na: C:\\Users\\username\\AppData\\Roaming\\npm\\node_modules\\typescript\\lib Všimnite si použitie dvojitých spätných lomítok, aby bol reťazec so spätnými lomítkami správne escapovaný.

  5. Potvrďte, že VS Code používa verziu TypeScriptu z npm pre intellisense otvorením súboru TypeScript, kliknutím na číslo verzie TypeScriptu v pravom dolnom rohu a overením v okne úloh, že VS Code načítava TypeScript z adresára uvedeného v kroku 4:

  1. Potvrďte, že VS Code používa správnu verziu TypeScriptu na kompiláciu tak, že prejdete do tohto priečinka a zmeníte názov súboru:

C:\Users\username\AppData\Roaming\npm\tsc.cmd (na niečo ako tsc1.cmd)

Teraz skúste zostaviť vo VS Code (Úlohy -> Spustiť úlohy -> tsc:build - tsconfig.json) a mali by ste dostať túto chybovú správu v terminálovom okne VS Code:

'tsc' is not recognized as an internal or external command, operable program or batch file.
The terminal process terminated with exit code: 1
  1. Premenujte súbor späť na tsc.cmd a teraz by ste mali byť schopní zostaviť projekt a mať Intellisense vo VS Code pre globálne nainštalovaný balík TypeScript node

Odpoveď č. 4

Ak chcete automaticky používať verziu Typescriptu nainštalovanú v node_modules vášho pracovného priestoru, bez toho aby ste ju museli nastavovať pri každom vytváraní nového pracovného priestoru, môžete nastaviť predvolené nastavenie Typescriptu v User Settings JSON (nie Workspace) na použitie relatívnej cesty:

{
    // ... other User settings
    "typescript.tsdk": "./node_modules/typescript/lib"
}

Teraz, keď spustíte príkaz „Vybrať verziu TypeScript...“, „Verzia VS Code“ bude vždy rovnaká ako „Verzia pracovného priestoru“:

Jedinou potenciálnou nevýhodou tohto je, že to znamená, že musíte vždy mať nainštalovaný Typescript v pracovnom priestore, v ktorom pracujete. Hoci, ak píšete Typescript kdekoľvek, myslím, že je to rozumné očakávanie.

Súvisiace články