В TypeScript 3.7 есть несколько интересных новых функций, таких как необязательное изменение и объединение нуля. Когда я пытался установить и настроить, чтобы попробовать использовать новые функции, были некоторые нарушения синтаксиса, и мой VS Code не смог правильно определить новые функции. Теперь я знаю, как их решать, и хочу ими поделиться.

📃Предварительное условие

Когда я писал этот пост, я использовал VS Code v1.40.1 и Node.js v12.13.0.

🎷Установить TypeScript

Перейдите в корневой каталог вашего проекта и запустите его.

npm install [email protected]

Последняя версия TypeScript - 3.7.2. Если вы хотите опробовать последнюю стабильную версию, вы можете опустить @ со спецификацией версии в конце.

🤬Нет конфигурации

✍️Используйте свою версию TypeScript

В коде VS перейдите к View > Command Palette и введите TypeScript.

Выберите Select TypeScript Version.

Используйте установленную версию 3.7.2.

🔨Установить расширения VS Code

В коде VS перейдите к View > Extensions и установите Latest TypeScript and JavaScript Grammar.

🎉️Исправлено выделение синтаксиса

Сравните это выделение синтаксиса кода с выделением в разделе Конфигурации еще нет.

VS Code правильно распознает новый необязательный синтаксис цепочки, а также больше нет красных волнистых линий.

VS Code требуется для использования правильного TypeScript для компиляции и требуется последнее расширение грамматики TypeScript для правильного распознавания нового синтаксиса.