В 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 для правильного распознавания нового синтаксиса.