Подтвердить что ты не робот

Какая версия TypeScript используется в Visual Studio Code? Как его обновить?

Как узнать, какая версия TypeScript используется в коде Visual Studio? В частности, я использовал TypeScript 1.8.10 и VSCode 1.4.0. Я впервые обновил VSCode до последней версии, которая была 1.5.3. Но, проверяя из командной строки, я увидел, что моя версия TypeScript по-прежнему 1,8.10. Поэтому я обновил TypeScript из командной строки, и теперь он 2.0.3.

Есть ли способ точно сказать, использует ли Visual Studio код версии 2.0.3?

Есть ли способ для обновления кода Visual Studio, который будет автоматически обновлять TypeScript до последней версии, или обновление TypeScript должно выполняться независимо?

4b9b3361

Ответ 1

Из https://code.visualstudio.com/docs/languages/typescript#_using-newer-typescript-versions:

VS Code поставляется с последней стабильной версией TypeScript.

Это означает, что нет способа автоматически обновить версию TypeScript, используемую VS Code. Однако вы можете переопределить версию TypeScript VS, которую использует код, изменив либо пользовательские настройки, либо настройки рабочего пространства.

Какую версию TS использует VS Code?

Когда вы открываете файл TypeScript, VS Code должен отобразить версию TypeScript в строке состояния в правом нижнем углу экрана:

VS Code status bar TypeScript version

Изменение глобальной версии TypeScript

  1. Установите требуемую версию TypeScript глобально, например, npm install -g [email protected]
  2. Открыть настройки кода пользователя VS (F1> Open User Settings)
  3. Обновите/вставьте "typescript.tsdk": "{your_global_npm_path}/typescript/lib" вы можете узнать {your_global_npm_path}, набрав npm root -g

Теперь все проекты, которые вы открываете с помощью VS Code, будут использовать эту версию TypeScript, если, конечно, нет настройки рабочего пространства, которая переопределяет это.

Изменение локальной версии TypeScript

  1. Откройте проект в VS Code
  2. Установите нужную версию TypeScript локально, например, npm install --save-dev [email protected]

    --save-dev обновит ваш проект package.json, добавив версию TypeScript, которую вы установили, как devDependency.

  3. Открыть настройки рабочей области кода VS (F1> Open Workspace Settings)

  4. Обновить/вставить "typescript.tsdk": "./node_modules/typescript/lib"

    Теперь только проект, в который вы установили эту версию TypeScript, будет использовать эту версию TypeScript, глобальная установка будет игнорироваться VS Code в этом проекте.

  5. После добавления записи typescript.tsdk необходимо также использовать пользовательский интерфейс VS Code для выбора новой версии:

    • Нажмите на версию, отображаемую в нижнем колонтитуле VS Code:

      enter image description here

    • Выберите его в пользовательском интерфейсе:

      enter image description here

    См. Использование версии TypeScript для рабочей области.

    См. Также Улучшение документации для typescript.tsdk чтобы сделать использование рабочей области более понятным

Ответ 2

Код Visual Studio поставляется со своей стабильной версией TypeScript, но вы можете переключиться на более новую версию, как описано в их docs

VS Code поставляется с последней стабильной версией TypeScript. Если ты хочешь для использования более новой версии TypeScript, вы можете определить typescript.tsdk (Файл > Настройки > Настройки пользователя/рабочей области). указывая на каталог, содержащий файл TypeScript tsserver.js.
...
Например:

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

Ответ 3

Есть ли способ точно сказать, использует ли Visual Studio Code версию 2.0.3?

Откройте файл TypeScript в коде Visual Studio и в правом нижнем углу вы увидите версию TypeScript, в которой он используется:

enter image description here

Существует ли способ обновления кода Visual Studio, который будет автоматически обновлять TypeScript до последней выпущенной версии, или обновление TypeScript должно выполняться независимо?

То, как я это делал, - явно указывал Visual Studio Code папку, в которой установлен модуль TypeScript npm. Я на Windows, поэтому после запуска команды npm для установки TypeScript (npm install -g typescript) он установит ее в эту папку:

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

Поэтому вам нужно указать Visual Studio Code использовать папку lib вашей установки TypeScript npm. Вы делаете это путем:

  1. Открыть настройки VS Code (Файл → Настройки → Настройки)

  2. Искать настройку typescript.tsdk enter image description here

  3. Найдите, где npm установил TypeScript с помощью: npm list -g typescript. В моем случае он вернул C:\Users\username\AppData\Roaming\npm

  4. Переопределите значение параметра typescript.tsdk на: C:\\Users\\username\\AppData\\Roaming\\npm\\node_modules\\typescript\\lib Обратите внимание на использование двойных обратных косых черт, чтобы получить правильно экранированную строку с обратные косые черты

  5. Убедитесь, что VS Code использует версию nScript TypeScript для intellisense, открыв файл TypeScript, щелкнув номер версии TypeScript в правом нижнем углу и увидев в окне задач, что VS Code загружает TypeScript из каталога, указанного на шаге 4:

enter image description here

  1. Убедитесь, что VS Code использует правильную версию TypeScript для компиляции, перейдя в эту папку и изменив имя файла:

C:\Users\имя пользователя \AppData\Roaming\npm\tsc.cmd (что-то вроде tsc1.cmd)

Теперь попробуйте встроить в VS Code (Задачи → Выполнить задачи → tsc: build - tsconfig.json), и вы должны получить это сообщение об ошибке в окне терминала 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. Измените файл обратно на tsc.cmd, и теперь вы сможете создавать и использовать Intellisense в VS Code для глобально установленного пакета узлов TypeScript.

Ответ 4

Вы должны увидеть номер версии, указанный на нижней панели:

enter image description here

Если вы нажмете на номер (2.4.0 выше), вам будет предложено выбрать версию, которую вы хотели бы использовать:

enter image description here

Если вы не видите нужную версию, это означает, что она, вероятно, не установлена, и вам нужно установить ее.

npm install -g [email protected]

Замените 2.7.2 версией, которую вы хотите установить.

Ответ 5

Хотя я не мог найти файл tsserver.js, когда использовал Spotlight на своем Mac, я снова попытался использовать mdfind, и я нашел, что его местоположение "/USR/локальные/Library/ node_modules/typescript/Library/"

Итак, я использовал этот путь при редактировании настроек моей рабочей области в settings.json

Теперь я использую самую последнюю версию TypeScript, а VSCode сообщает мне, что я использую самую последнюю версию.

Ответ 6

У меня была аналогичная проблема, и теперь мне удалось создать обновленную версию TypeScript, изменив переменные среды в моей системе. В моем случае нам нужна версия TypeScript выше 2. Но я смог использовать только версию 1.8.3. Прежде всего, я перешел к своим переменным системной среды и проверил переменную пути. Там я нашел ссылку на TypeScript версию 1.8.3.

C:\Program Files (x86)\Microsoft SDK\ TypeScript\1.8.3\

Когда я проверил родительский каталог, это была также самая высокая версия, установленная в этом каталоге. Я бы подумал, что глобальная установка последней версии, что я тоже увижу это здесь, но ее там нет. Версия, которую вы видите здесь, - это тот, который был установлен с Visual Studio (а не визуальный код студии).

Итак, я пошел в Visual Studio и обновил библиотеку TypeScript до последней версии через Options > Extensions and Updates. Там я искал последнюю версию TypeScript и установил ее.

Это сделало новую версию доступной в родительском каталоге, упомянутом ранее. Затем я изменил переменную пути на:

C:\Program Files (x86)\Microsoft SDK\ TypeScript\2.2\

Когда я открываю VS Code и набираю tsc -v, я вижу, что использую последнюю версию. Нет сообщений о несоответствии и т.д. Надеюсь, это немного поможет вам, ребята.

Ответ 7

Пакет Typescript имеет компилятор и языковой сервис. VScode поставляется с языковой службой Typescript, а не с компилятором. Вы можете увидеть языковую службу в правом нижнем углу, как показывают другие ответы, но вы не можете увидеть, какая версия компилятора использовалась.

У вас могут быть разные версии для компилятора и языковой службы.